I want to make the icons (and the background circles) appear larger in the icon boxes. Any code would be greatly appreciated! Thanks, Mike.
Hi mhiller!
Please add following code to Quick CSS in Enfold theme options to increase the size of icons in icon list element
.avia-icon-list .iconlist_icon { font-size: 50px!important; height: 90px; width: 90px; line-height: 84px; }
.avia-icon-list .iconlist-timeline { left: 49px; }
You should adjust all equally
Regards,
Yigit
Hi Yigit,
I finally got around to inserting the code, but it didn’t work. Would you mind taking a look? http://acmecontentlab.com/what-we-do/
Thanks!
Mike.
It turns out your code did work on the icon list icons, but not on the icons that are at the top of the icon boxes. Mike.
Hi!
Yeah apparently i gave you css code for iconlist instead of iconbox. Here are correct codes;
.iconbox_top .iconbox_icon { font-size: 50px!important; height: 90px; width: 90px; line-height: 84px; top: -64px; }
.iconbox .iconbox_content .iconbox_content_title { margin: 30px 0 16px 0; }
.iconbox_top .iconbox_content { margin-top: 80px; }
You may need to adjust margin values depending on icon size. If you need to, feel free to let us know :)
Regards,
Yigit