Change Board icons

  • Change the f0e5 to whatever you like http://fontawesome.io/icons/




    Unless you want to change those icons everywhere in your site, I'd suggest to be more specific. Example:


    CSS
    1. // new posts (unread)
    2. .wbbBoardList li > .wbbBoard > .fa-folder-open::before, .wbbBoard .wbbSubBoards .fa-folder::before {
    3. content: "\f27a";
    4. }
    5. // no new posts (read)
    6. .wbbBoardList li > .wbbBoard > .fa-folder-open-o::before, .wbbBoard .wbbSubBoards .fa-folder-o::before {
    7. content: "\f27b";
    8. }

    My styles and plugins in the Plugin-Store.

    ♪Quiero robarle los minutos a las horas pa' que mis padres nunca se me pongan viejos...♫

  • There will be a plugin, soon :)


    Any specifics? Because I'm having trouble with the manual method.


    I use a custom image which will be displayed in its original size which is 300px if I put it in content: url("http....")

    Is there a way to scale it down?


    I use 300px so when it is downscaled it's not pixelated on mobile devices/retina displays.

  • Our current developed Plugin doesn't support images, only fontawesome will be supportet after relase.

    Maybe we change this later, but plans are clear to first get ready with the basic and then maybe later extend it.

  • Our current developed Plugin doesn't support images, only fontawesome will be supportet after relase.

    Maybe we change this later, but plans are clear to first get ready with the basic and then maybe later extend it.

    Would be much appreciated.


    I'm running a gaming forum which is always in need of custom images. board icons are no exceptions.

  • I would recommend you to change your images size for board icons to improve the speed.

    Use pingdom tools and gtmetrix, you'll see suggestions to reduce the size and optimize them :)

  • Any chance I can get these icon have equal padding on both sides ?


    I tried using


    padding-left: 25 px;


    no effect at all.


    PS : It's a custom made image



  • This helped


    CSS
    1. .wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard > .icon { margin-left: 15px; margin-right: 15px; margin-top: 8px;}