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.

ModernBB forum icons size change

3 posters

Go down

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

Male Posts : 1343
Reputation : 186
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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;
}
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

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

http://liquidcode.forumotion.com

Back to top Go down

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

Male Posts : 1343
Reputation : 186
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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

Male Posts : 51453
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Male Posts : 1343
Reputation : 186
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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

Male Posts : 51453
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Male Posts : 1343
Reputation : 186
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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

Male Posts : 51453
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Male Posts : 1343
Reputation : 186
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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

Male Posts : 51453
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Male Posts : 1343
Reputation : 186
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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

Male Posts : 51453
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Male Posts : 1343
Reputation : 186
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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

Male Posts : 51453
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Male Posts : 1343
Reputation : 186
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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

Male Posts : 51453
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum