Announcement

Collapse
No announcement yet.

How to edit these colors?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • How to edit these colors?

    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) ?

    Click image for larger version

Name:	problem_2.jpg
Views:	1
Size:	39.4 KB
ID:	3725521 Click image for larger version

Name:	problem_1.jpg
Views:	1
Size:	11.4 KB
ID:	3725522

  • #2
    1) Add this lines to css_additional.css template (' change VALUE as you need ')
    Code:
    .userinfo .reputation .bar {
        background: VALUE !important;
    }
    2) Add this to css_additional.css (' change VALUE as you need ')
    Code:
    .conversation-content-widget .list-container.thread-view .list-item .userinfo,.conversation-content-widget .list-container .list-item:first-child{
    background: VALUE !important;
    }
    3) Add this to css_additional.css (' change BOLD text with your customization ')

    for online status
    Code:
    .vb-icon-status-online {
        background-position:0 !important;
        background:transparent url('IMAGEURL') !important;
        width:IMAGEWIDTHpx !important;
        height:IMAGEHEIGHTpx !important;
    }
    for offline status :
    Code:
    .vb-icon-status-offline{
        background-position:0 !important;
        background:transparent url('IMAGEURL') !important;
        width:IMAGEWIDTHpx !important;
        height:IMAGEHEIGHTpx !important;
    }
    4)Add this to css_additional.css (' change VALUE as you need ')
    Code:
    .notifications-container{
    color:VALUE !important;
    }

    Former vBulletin Support Staff
    Need Help?, Or P.M. Me

    Comment


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

      Comment


      • #4
        Code:
        ..private-message-widget .folder-link.selected {
        background-color: #BBBBBB;
        }
        Replace #BBBBBB with specific color

        Comment


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

          Comment


          • #6
            You need to add it to the template css_additional.css.
            MARK.B | vBULLETIN SUPPORT

            TalkNewsUK - My vBulletin 5.6.3 Demo
            AdminAmmo - My Cloud Demo

            Comment


            • #7
              You can also use Sitebuilder > Style > CSS Editor.

              GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

              Comment

              Related Topics

              Collapse

              Working...
              X