-
Posts
-
can someone help me with the Quick CSS code to enlarge the icons in my icon boxes? I tried using the Chrome Dev tools, and i was able to enlarge the icons, but they got off centered.
plot twist:
the middle icon is larger than the others, so i won’t need that one enlarged as much. thanks in advanced. loving the theme by the way.Hi!
After increasing the size of icons, please adjust following value as well
.iconbox_top .iconbox_icon { left: 46%; }Cheers!
Yigitthank you for your response. i’m not %100 sure how to implement your fix. i tried pasting the following code into the CSS Quick Style but it did not work.
#top .avia-font-icomoon, body .avia-font-icomoon, html body [data-av_iconfont='icomoon']:before { font-size: 32px; } .iconbox_top .iconbox_icon { left: 46%; }i was referring to the icon boxs at the bottom of the page here
http://www.warnerpiano.com/the ones that say “New and Used Pianos”, “Service and Tuning”, and “Guaranteed Lowest Prices”.
the piano and dollar icon are smaller than the middle icon. i need to enlarge them a tiny bit with a quick CSS code (i think).
Hi!
Try the following code:
.iconbox_icon:before { font-size: 35px !important; position: absolute; right: 8px; } .avia-builder-el-12 .iconbox_icon:before{ font-size: 22px !important; right: 12px; }Result:
Best regards,
Josuespoke a little too soon. is there any way to have this ONLY effect the Home page? it seems to have messed up my icons on the Contact page
Hi!
Change the code to:
.home .iconbox_icon:before { font-size: 35px !important; position: absolute; right: 8px; } .home .avia-builder-el-12 .iconbox_icon:before{ font-size: 22px !important; right: 12px; }Regards,
Josuehmm. that did not seem to resolve the issue. i copy and pasted the new code and cleared my cache and the Contact page icons are still messed up. i tried to visit the site on a few different browsers/devices as well.
i use GoDaddy as my host. i’ve stumbled across a few websites that said GoDaddy has issues with caching. does anyone know if this is true? I’m still having issues with the icon alignment. i’ve removed all the Quick CSS and switched some icons and now they’re out of alignment. desperately hoping to get this fixed. i’ve cleared my browser cache and tried visiting the sites from a bunch of different devices, leading me to believe it is some kind of server issue.
Hey!
Please contact GoDaddy about the issue. I try Josue’s code on my local installation and it does work fine for me. Maybe you can also firstly set up a local installation and then move it to live server. Please see – http://kriesi.at/documentation/enfold/move-from-a-local-installation-to-a-live-server/
Regards,
Yigit
- The topic ‘Need to Enlarge Icon Fonts’ is closed to new replies.