Announcement

Collapse
No announcement yet.

How to change channels icons

Collapse
X
Collapse
First Prev Next Last
  • Filter
  • Time
  • Show
Clear All
new posts

    How to change channels icons

    Hello,

    Hi Guys how to change the channel icons in the forum.

    Please help.

    #2
    I have to change this icons:

    See below screenshot:

    Click image for larger version

Name:	image.png
Views:	1
Size:	22.3 KB
ID:	7813

    Comment


      #3
      Read the entire thread or at least read all my posts as the first post doesn't contain the updated code.

      https://www.vbulletin.com/forum/foru...icons-any-size

      Comment


        #4
        Hello Glenn,

        Thank you ! It works perfect.

        https://forums.24x7servermanagement.com/

        Comment


        • glennrocksvb
          glennrocksvb commented
          Editing a comment
          Glad to help.

        #5
        this has peaked my interest.

        Is there a clearing house of icons we can use?
        If by chance some day you're not feeling well and you should remember some silly thing I've said or done and it brings back a smile to your face or a chuckle to your heart, then my purpose as your clown has been fulfilled ~ Red Skelton

        Comment


          #6
          Is it also possible to use SVG files instead of PNG files? With the piece of code I'm using I can't get it to work and if I use PNG files, I ruin the retina style I have.

          Comment


          • glennrocksvb
            glennrocksvb commented
            Editing a comment
            Is the image file saved with .svg extension? You should be able to use it as background image like you would with a regular image.

          • Fleiding
            Fleiding commented
            Editing a comment
            Yes, it's saved with .svg extension. I'll try and edit the margins to see if that helps.

          #7
          glennrocksvb I have read previous the post for changing icons, however I am a little unsure in regards to having different icons for each channel, in regards to finding the channel ID, should this just be located with the inspect page function, or should I be looking else where, I am kind of new and learning, sorry if a noobie question currently need four channels with different icons.

          To quote this in bold -

          "
          /* forum icon for forums with old posts (default) */ .forum-list-container .forum-item[data-channel-id="114"] .cell-forum .icon { background: transparent url("http://your/path/to/the/default/icon.png") no-repeat; } /* forum icon for forums with new posts */ .forum-list-container .forum-item.new[data-channel-id="114"] .cell-forum .icon { background: transparent url("http://your/path/to/the/new/icon.png") no-repeat; }"

          Comment


            #8
            You can find the channel id when you inspect the page but you can also find it easier in AdminCP > Channel Management > Channel Manager.

            Comment


            • Coax
              Coax commented
              Editing a comment
              Thanks all good!
          Working...
          X