Hi Kriesi,
I desperately trying to reduce the size of the icons above a box (box without borders). I can only choose a large icon, but would like to have a small one. I found different posts with answers to include a certain code into the custom css field, but it did not work. Can I add a new point to the dropdown menu which says (display a small icon above the title)?
Hey liviogerber!
Can you please post the link to your page and point out the changes you would like to make?
Best regards,
Yigit
Hello Yigit,
Thanks for your prompt reply. Below the link to the page. You will see the golden icons above the boxes (without borders). The icons are too big and need to be decreased by 50%.
Hi!
Try adding the following CSS in the Quick CSS field under the General Styling tab in the theme options:
#top .iconbox.av-no-box .iconbox_icon {
width: 45px;
height: 45px;
line-height: 45px;
font-size: 15px;
}
This should reduce the icons to half it’s size and you can also change the values if you wish.
Cheers!
Jordan
Hello Jordan
Thank you so much for this speedy reply. It worked perfectly.
Livio
Hi!
You’re most welcome :)
Glad it worked and feel free to reach out to us again on the forum if you have any other questions!
Cheers!
Jordan
Hi!
Please add to your CSS
html body [data-av_iconfont="entypo-fontello"]::before {
font-size: 6px !important;
}
let us know if that works
Best regards,
Basilis
Hi Baslis
Jordan Powell answered my request already and it worked very well.