The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

ModernBB forum icons size change

View previous topic View next topic Go down

In progress ModernBB forum icons size change

Post by Joost on 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/

avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

In progress Re: ModernBB forum icons size change

Post by _Twisted_Mods_ on 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;
}
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: ModernBB forum icons size change

Post by Joost on 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.
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

In progress Re: ModernBB forum icons size change

Post by SLGray on 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?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40877
Reputation : 2775
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: ModernBB forum icons size change

Post by Joost on 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
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

In progress Re: ModernBB forum icons size change

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

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40877
Reputation : 2775
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: ModernBB forum icons size change

Post by Joost on 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
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

In progress Re: ModernBB forum icons size change

Post by SLGray on 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.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40877
Reputation : 2775
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: ModernBB forum icons size change

Post by Joost on 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)
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

In progress Re: ModernBB forum icons size change

Post by SLGray on 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.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40877
Reputation : 2775
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: ModernBB forum icons size change

Post by Joost on 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 ?
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

In progress Re: ModernBB forum icons size change

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

Code:
dl.icon


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40877
Reputation : 2775
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: ModernBB forum icons size change

Post by Joost on 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
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

In progress Re: ModernBB forum icons size change

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

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40877
Reputation : 2775
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: ModernBB forum icons size change

Post by Joost on 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

avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

In progress Re: ModernBB forum icons size change

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

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40877
Reputation : 2775
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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