I’m trying to decrease the size of the icons and the font in the icon list. I was able to do it, but the vertical connecting line isn’t centered now. This is the code I used:
/*Icon List Icon and Font Size*/
.avia-icon-list .iconlist_icon {
height: 32px;
width: 32px;
line-height: 32px;
font-size: 15px;
margin-right: 15px;
margin-left: 2px;
top: 10px;
}
Hey sjahan,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi Victoria, I’m including it in the private content.
Hi sjahan,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-icon-list .iconlist-timeline {
top: 15%;
left: 18px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you Victoria. I tried placing it under General Styling which didn’t work. Neither did the style.css file under the Child theme… I also tried adding !important after each line, but that didn’t work either =/
Hi sjahan,
I edited the css in the styles.css, the syntax checker was messing with it, it did not like the whitespace, was showing errors and so did not add the styles to the file.
Best regards,
Victoria
Perfect, thanks Victoria! Have a great Thanksgiving!
Hi,
I’m glad you were able to get this configured. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon