Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #823512

    I’m trying to change the icon colour on a page and have followed some suggestions in other threads but it only applies it to the icons on the homepage. I want to change the icons on another page to the same look as the ones on the homepage.

    This is what I have in the Quick CSS box:
    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
    .responsive #top #main .sidebar {display:block !important; clear: both; }
    .iconbox_icon.heading-color {
    color: #252168;


    • This topic was modified 8 months ago by  messmeriza.

    Hey messmeriza,

    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

    .main_color .avia-icon-list .iconlist_icon {
        background-color: #fff;
        color: #131212;
        border: 1px #ccc solid;

    If you need further assistance please let us know.
    Best regards,


    Thanks, that works!



    I’m glad this worked for you. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘change icon colour’ is closed to new replies.