Announcement

Collapse
No announcement yet.

New Home and Message Icons

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

  • New Home and Message Icons

    Can I change the color, or even the logo of those new icons? They don't match our color theme and really stand out.

    I may hide them if not.

  • #2
    They are SVG icons like all other images. This allows them to have their color changed with CSS. Using your browser's inspection tools, you should be able to determine what their classes are to change them. I haven't looked into it yet so don't have that information available.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud customization and demonstration site.
    vBulletin 5 Documentation - Updated every Friday. Report issues here.
    vBulletin 5 API - Full / Mobile
    I am not currently available for vB Messenger Chats.

    Comment


    • #3
      Excellent! Sounds like I should be able to figure that out. Thank you!

      Comment


      • #4
        I just removed the Home Icon in the bread crumb path area. I don't like how that looks.

        Code:
        /*Forum Breadcrumb Paths at top of threads*/
        /*Removes Home Icon and ">" Before: Forum > Hunting > Thread Name*/
        
        .b-icon__home {display: none;}
        
        li.crumb:nth-child(2) > span:nth-child(1) {display: none;}
        Still wanting to change the color or the Messages Icon, but I think it looks ok there, so I won't remove it. I did find the CSS with the colors of all the sprites, haven't tried to change their colors yet tho.

        Comment


        • #5
          You could use this code to change the colors:

          Code:
          #vb-svg-b-icon__home_bell-handle {fill: black !important;}
          #vb-svg-b-icon__home_bell-clapper {fill: black !important;}
          #vb-svg-b-icon__home_bell-clapper-inside {fill: gray !important;}
          #vb-svg-b-icon__home_bell-body {fill: blue !important;}
          #vb-svg-b-icon__home_bell-handle-inside {fill: blue !important;}
          #vb-svg-b-icon__home_bell-body-inside {fill: #0489B1 !important;}
          /*notification*/
          #vb-svg-frame-13 {fill: blue !important;}
          #vb-svg-fill-34 {fill: #0489B1 !important;}
          vBulletin-Forum.de closed!

          Comment


          • Flash04jv
            Flash04jv commented
            Editing a comment
            Wow thanks! I'll give it a try tonight!

        Related Topics

        Collapse

        Working...
        X