ElkArte Community

Project Support => Support => Topic started by: Allan on March 24, 2019, 11:26:08 am

Title: Huge Icons
Post by: Allan on March 24, 2019, 11:26:08 am
I thought I saw something on this already and couldn't find it, but I am installing a new elkarte community and the icons on my theme Deep are huge, I mean really huge  :P  and I can't figure out huge to change them. I pretty sure it has to do with fontawesome. 



https://thecratebox.com/
Title: Re: Huge Icons
Post by: Spuds on March 24, 2019, 12:23:28 pm
Even a mobile user would be able to hit those on the first try :D

Soooo here is the deal.  For the most part 1.0 themes work on 1.1, but in 1.1 we moved from font awesome and went to SVG based vector icons.  As such you need to add some more style info to your themes index.css file.   Look in the default index.css for the $ICONS section, I think you will need most of that code in you custom theme.

For starters, you should add
Code: [Select]
.icon, .helpicon, .warnicon, .infoicon, .chevricon {
display: inline-block;
margin: 0 .25em;
width: 1.25em;
height: auto;
vertical-align: middle;
line-height: 1.25em;
}

and that should bring those icons back under control.   If you theme requires font awesome, you can enable that in your themes index template but adding 'require_font-awesome' => true, to the template init array.
Title: Re: Huge Icons
Post by: Allan on March 24, 2019, 12:47:33 pm
Worked out great thank you, one other problem I seem to have found is the thread doesn't display

https://thecratebox.com/index.php?topic=1.0
Title: Re: Huge Icons
Post by: Allan on March 24, 2019, 08:48:40 pm
It was a theme issue, so making  anew one  ;)
Title: Re: Huge Icons
Post by: Jason on March 25, 2019, 01:11:24 pm
@Allan A new project, nice to know that.