How to edit these colors?

[ConfidenceLabs]

Hi,

I've been trying to find out how to edit these colors for ages... Could you show me exactly where I can change them (step by step please) ?

1) how to activate and change a color of membership status bar?
2) how to change this background?
3) how to change (and thus align with the overall background) the background of "online-offline" diode?
4) how to change a color of "number of messages" font - in the message box (along with its background & border) ?

[AliMadkour]

1) Add this lines to css_additional.css template (' change VALUE as you need ')

.userinfo .reputation .bar {
    background: [B]VALUE [/B]!important;
}

2) Add this to css_additional.css (' change VALUE as you need ')

.conversation-content-widget .list-container.thread-view .list-item .userinfo,.conversation-content-widget .list-container .list-item:first-child{
background: [B]VALUE[/B] !important;
}

3) Add this to css_additional.css (' change BOLD text with your customization ')

for online status

.vb-icon-status-online {
    background-position:0 !important;
    background:transparent url('[B]IMAGEURL[/B]') !important;
    width:[B]IMAGEWIDTH[/B]px !important;
    height:[B]IMAGEHEIGHT[/B]px !important;
}

for offline status :

.vb-icon-status-offline{
    background-position:0 !important;
    background:transparent url('[B]IMAGEURL[/B]') !important;
    width:[B]IMAGEWIDTH[/B]px !important;
    height:[B]IMAGEHEIGHT[/B]px !important;
}

4)Add this to css_additional.css (' change VALUE as you need ')

.notifications-container{
color:[B]VALUE[/B] !important;
}

[rfaridm]

How to change message bar text color....and can any one refer for all stylevers .. thanks

[BirdOPrey5]

..private-message-widget .folder-link.selected {
background-color: #BBBBBB;
}

Replace #BBBBBB with specific color

[rfaridm]

Hi, Joe in which file it to be change ? can you give the file name. Bcoz in search .folder-link.selected not found.

[Mark.B]

You need to add it to the template css_additional.css.

[glennrocksvb]

You can also use Sitebuilder > Style > CSS Editor.