-
AuthorPosts
-
June 18, 2014 at 10:04 am #280444
Hi!
Is it possible to change the color of the icons in the icon-list from grey to another color?
Thanks!June 18, 2014 at 12:27 pm #280499Hey Effektid!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.alternate_color .avia-icon-list .iconlist_icon { background-color: red; } .main_color .avia-icon-list .iconlist_icon { background-color: orange; }
Best regards,
YigitJune 18, 2014 at 1:23 pm #280525Great! But now I also want to change the colors of the icons in the icon box! I tried the same code, but with icon-box, but it didn’t work! Preciate som help with this. Is is also possible to change size of icons in icon box? Thanks!
June 18, 2014 at 1:26 pm #280527Hi!
Please add following code to Quick CSS as well
.main_color.iconbox_top .iconbox_icon { background-color: red; color; green; border-color: purple; } .alternate_color.iconbox_top .iconbox_icon { background-color: yellow; color; blue; border-color: red; } .iconbox_top .iconbox_icon { font-size: 24px; }
Regards,
YigitJune 18, 2014 at 1:51 pm #280537Hmmm, I added that code, but there was no change! They are still black! What could be wrong?
June 18, 2014 at 1:55 pm #280539Hi!
Can you post the link to your page where you have icon box element? Have you flushed browser cache after applying the code? If not, please do so, it may be a caching issue
Cheers!
YigitJune 18, 2014 at 2:11 pm #280553This reply has been marked as private.June 18, 2014 at 2:25 pm #280566Hi!
Oh, i thought you are using icon box on top and not on the left, sorry. Please try following code
.iconbox_icon.heading-color { color: red; }
Best regards,
YigitJune 18, 2014 at 2:30 pm #280569Now it works, but can I also change the size, add circle border or background color?
- This reply was modified 10 years, 5 months ago by Effektid.
June 18, 2014 at 2:43 pm #280577Hey!
Please add following code to Quick CSS and adjust as needed
.iconbox_icon.heading-color { font-size: 30px; border: 1px solid orange; border-radius: 100px; padding: 20px; line-height: 0px; text-indent: -13px; }
Best regards,
YigitJune 18, 2014 at 2:54 pm #280581Nice, but the icon don’t get centered inside the circle. Perhaps this isn’t the best option to use this kind of icons here.
June 18, 2014 at 3:05 pm #280589June 18, 2014 at 3:25 pm #280595OK, thanks for the help!
June 18, 2014 at 3:29 pm #280597 -
AuthorPosts
- The topic ‘Change color of icons in icon list?’ is closed to new replies.