rtMedia Sub-Header Navigation CSS

[Ben]

Howdy! 🙂

When using rtMedia, the CSS appears busted as seen in the picture below. Latest Boss, latest rtMedia.

Cheers

Ben

[Anonymous]

Hi @bentasm1, Please add these css codes inside your boss theme’s option:

#rtmedia-nav-item-all span {
    color: #fff;
    background-color: #4dcadd;
    font-size: 9px;
    height: 16px;
    min-width: 6px;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}
#rtmedia-nav-item-albums span {
    color: #fff;
    background-color: #4dcadd;
    font-size: 9px;
    height: 16px;
    min-width: 6px;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}
#rtmedia-nav-item-photo span {
    color: #fff;
    background-color: #4dcadd;
    font-size: 9px;
    height: 16px;
    min-width: 6px;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}
#rtmedia-nav-item-video span {
    color: #fff;
    background-color: #4dcadd;
    font-size: 9px;
    height: 16px;
    min-width: 6px;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}
#rtmedia-nav-item-music span {
    color: #fff;
    background-color: #4dcadd;
    font-size: 9px;
    height: 16px;
    min-width: 6px;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}
#rtmedia-nav-item-photos span {
    color: #fff;
    background-color: #4dcadd;
    font-size: 9px;
    height: 16px;
    min-width: 6px;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}
#rtmedia-nav-item-like span {
    color: #fff;
    background-color: #4dcadd;
    font-size: 9px;
    height: 16px;
    min-width: 6px;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}

Regards

[Ben]

Thanks much! Success.

Additionally, I added:

#rtmedia-nav-item-favlist span {
    color: #fff;
    background-color: #4dcadd;
    font-size: 9px;
    height: 16px;
    min-width: 6px;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}

….to apply the same style for the Favorites List for rtMedia.

Cheers

Ben

[Anonymous]

Great 🙂