ModernBB forum icons size change

[Joost]

Hello,


I build for a person a forum with the new forum version ModernBB.
The images are very big and stretched.
How can i change this to the size 18 x 15 pixels?

Testing url forum: http://linkpartners.actieforum.com/

[_Twisted_Mods_]

find this in your css

Code:


ul.forums li.row dl {
    background-position: left 24px top 50%!important;
    background-size: 33px 33px!important;
    min-height: 18px px;
    padding: 0;
    position: relative;
}


change background size to size you want .. if you cant find it add this to bottom of your css

Code:


ul.forums li.row dl {
    background-size: 18px 15px!important;
}


[Joost]

@_Twisted_Mods_ ,

The code:

Code:

 
ul.forums li.row dl {
    background-position: left 24px top 50%!important;
    background-size: 33px 33px!important;
    min-height: 18px px;
    padding: 0;
    position: relative;
}

I do not have this css, when I add the bottom, do not show them well.

[SLGray]

AP > Display > Colors & Pictures > Pics Management
Advanced Mode
Can you not just create the images in the size you want and add them?

[Joost]

AP > Display > Colors & Pictures > Pics Management
Advanced Mode
Can you not just create the images in the size you want and add them?

When I add the images they are small at the forum boards. And at the legend very big bottom of the forum.

[SLGray]

Code:

#picture_legend img {
    height: YOUR NUMBERpx;
    width: YOUR NUMBERpx;
}

[Joost]

Code:

#picture_legend img {
    height: YOUR NUMBERpx;
    width: YOUR NUMBERpx;
}

Not working... My images size 18 x 15 Pixels.. Maybe in the templates?

[SLGray]

Code:

        #picture_legend img {
            height: YOUR NUMBERpx !important;
            width: YOUR NUMBERpx !important;
        }

If this does not work, add the code to the top of the stylesheet.

[Joost]

Legend on the index is solved now, only the follow issues:

- Board images (Screenshot)
- Topic index images (Screenshot)
- PB index (Screenshot)

[SLGray]

You need to inspect the element in your browser to get the CSS selector and add the it to your stylesheet.

[Joost]

Thanks, i can not find the topic index and Pb index icons with the element tool. Can you help me please ?

[SLGray]

Code: dl.icon

[Joost]

I have this css now:

Code:

/* Forum icons fix */
#picture_legend img {
height: 18px !important;
width: 18px !important;
}

- Forum index is good
- Forum legend is good
- Topic index not good
- Topic legend is good
- Pb icon is not good

[SLGray]

Code:

dl.icon {
         height: YOUR NUMBERpx !important;
            width: YOUR NUMBERpx !important;
        }

[Joost]

Code:

dl.icon {
         height: YOUR NUMBERpx !important;
            width: YOUR NUMBERpx !important;
        }

This code give a bug in the layout..

[SLGray]

Ok.  We will wait and see if someone else can help.