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:	100
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.

      Helpful? Donate. Thanks!
      Buy me a coffeePayPal QR Code
      Fast VPS Host for vBulletin:
      A2 Hosting & IONOS

      Comment


        #4
        Hello Glenn,

        Thank you ! It works perfect.

        cPanel Forum technical discussions on installations configurations and other services.

        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?

        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.
            Helpful? Donate. Thanks!
            Buy me a coffeePayPal QR Code
            Fast VPS Host for vBulletin:
            A2 Hosting & IONOS

            Comment


            • Coax
              Coax commented
              Editing a comment
              Thanks all good!

          Users Viewing This Page

          Collapse

          There is 1 user viewing this forum topic.

          • Guest Guest

          Latest Posts

          Collapse

          Working...
          X
          Searching...Please wait.
          An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

          Please push the back button and reload the previous window.'
          An unexpected error was returned: 'Your submission could not be processed because the token has expired.

          Please push the back button and reload the previous window.'
          An internal error has occurred and the module cannot be displayed.
          There are no results that meet this criteria.
          Search Result for "|||"