Hi there
how can I reduce the gap between each entry in the default Icon list, and also the space between the icon list and the text box underneath it?
Hey xfacta,
Please try the following in Quick CSS under Enfold->General Styling:
.avia-icon-list li {
padding: 0 0 10px 0;
}
Best regards,
Rikard
Perfect thanks so much :-)
Sorry just one more thing on the Icon list – how can I make the icons and circles slightly smaller?
Hi,
You can use this css code to adjust the size of the icon in the list.
.avia-icon-list .iconlist_icon {
height: 64px;
width: 64px;
line-height: 64px;
font-size: 20px;
text-align: center;
margin-right: 30px;
margin-left: 2px;
}
Adjust the font-size value as you wish.
Best regards,
Ismael
Hi there. thank you – but that didnt change the size of the circle and background – how can I make that part smaller as well?
Hi,
Try to adjust the height, width and line-height properties in the css code above.
Best regards,
Ismael
Thank you :-)