Change color of icons in icon list?

Hey 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,
Yigit

Hi!

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,
Yigit

Hi!

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!
Yigit

Hi!

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,
Yigit

Hey!

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,
Yigit

Hi!

Yes, with borders it is not centered with different icons.

Best regards,
Yigit

Hi!

You are welcome, always glad to help! :) Let us know if you have any other questions or issues

Regards,
Yigit