Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 18, 2017 at 10:06 pm #823512
    messmeriza

    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;
    }

    Thanks!

    • This topic was modified 7 years, 5 months ago by messmeriza.
    July 19, 2017 at 10:14 am #823805
    Victoria

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

    September 28, 2017 at 8:08 pm #858201
    messmeriza

    Thanks, that works!

    September 28, 2017 at 11:12 pm #858243
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘change icon colour’ is closed to new replies.