-
AuthorPosts
-
November 15, 2017 at 11:54 pm #877263
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; }November 16, 2017 at 8:51 pm #877732Hey sjahan,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaNovember 16, 2017 at 10:40 pm #877805Hi Victoria, I’m including it in the private content.
November 17, 2017 at 3:16 pm #878104Hi 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,
VictoriaNovember 21, 2017 at 6:33 pm #879866Thank 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 =/
November 22, 2017 at 3:29 pm #880325Hi 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,
VictoriaNovember 22, 2017 at 9:45 pm #880458Perfect, thanks Victoria! Have a great Thanksgiving!
November 23, 2017 at 8:44 pm #880936Hi,
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 -
AuthorPosts
- The topic ‘Icon List Resized’ is closed to new replies.
