ModernBB forum icons size change Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
3 posters

    ModernBB forum icons size change

    Joost
    Joost
    Active Poster


    Male Posts : 1403
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    In progress ModernBB forum icons size change

    Post by Joost August 21st 2017, 8:05 pm

    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/

    ModernBB forum icons size change Scr19
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    In progress Re: ModernBB forum icons size change

    Post by _Twisted_Mods_ August 21st 2017, 8:57 pm

    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
    Joost
    Active Poster


    Male Posts : 1403
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    In progress Re: ModernBB forum icons size change

    Post by Joost August 21st 2017, 9:27 pm

    @_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
    SLGray
    Administrator
    Administrator


    Male Posts : 51500
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: ModernBB forum icons size change

    Post by SLGray August 22nd 2017, 1:45 am

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



    ModernBB forum icons size change Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Joost
    Joost
    Active Poster


    Male Posts : 1403
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    In progress Re: ModernBB forum icons size change

    Post by Joost August 22nd 2017, 5:27 pm

    SLGray wrote: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. Smile Shocked
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51500
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: ModernBB forum icons size change

    Post by SLGray August 22nd 2017, 7:09 pm

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



    ModernBB forum icons size change Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Joost
    Joost
    Active Poster


    Male Posts : 1403
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    In progress Re: ModernBB forum icons size change

    Post by Joost August 23rd 2017, 6:31 pm

    SLGray wrote:
    Code:
    #picture_legend img {
        height: YOUR NUMBERpx;
        width: YOUR NUMBERpx;
    }

    Not working... My images size 18 x 15 Pixels.. Maybe in the templates? Laughing Shocked
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51500
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: ModernBB forum icons size change

    Post by SLGray August 23rd 2017, 8:09 pm

    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.



    ModernBB forum icons size change Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Joost
    Joost
    Active Poster


    Male Posts : 1403
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    In progress Re: ModernBB forum icons size change

    Post by Joost August 24th 2017, 5:56 pm

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

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


    Male Posts : 51500
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: ModernBB forum icons size change

    Post by SLGray August 24th 2017, 8:39 pm

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



    ModernBB forum icons size change Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Joost
    Joost
    Active Poster


    Male Posts : 1403
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    In progress Re: ModernBB forum icons size change

    Post by Joost August 25th 2017, 7:18 pm

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


    Male Posts : 51500
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: ModernBB forum icons size change

    Post by SLGray August 25th 2017, 7:29 pm

    Code:
    dl.icon



    ModernBB forum icons size change Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Joost
    Joost
    Active Poster


    Male Posts : 1403
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    In progress Re: ModernBB forum icons size change

    Post by Joost August 25th 2017, 7:42 pm

    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
    SLGray
    Administrator
    Administrator


    Male Posts : 51500
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: ModernBB forum icons size change

    Post by SLGray August 25th 2017, 8:10 pm

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



    ModernBB forum icons size change Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Joost
    Joost
    Active Poster


    Male Posts : 1403
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    In progress Re: ModernBB forum icons size change

    Post by Joost August 25th 2017, 8:39 pm

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

    This code give a bug in the layout.. Crying or Very sad

    ModernBB forum icons size change Scr21
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51500
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: ModernBB forum icons size change

    Post by SLGray August 25th 2017, 8:43 pm

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



    ModernBB forum icons size change Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.