Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 5, 2013 at 6:50 pm #184881
    jtarzian

    Hi,
    I am trying to have two Icon Boxes in the same page with different background colors each, different icon background colors and even best would be having a hover reaction in the container and main box background.

    So far I managed to have the first of the two boxes through the following CSS customization:

    .avia-builder-el-5 .iconbox_icon {
    background: #83a846 !important;
    }
    .avia-builder-el-5 .iconbox_content{
    background: #bed6cb !important;
    }
    .avia-builder-el-5 .iconbox_content .iconbox_content_container{
    background: #bed6cb !important;
    }

    But still the second of the icon boxes in the page remains with the default CSS background colors, while I would like it to be blue. Any help most appreciated!

    Thanks,
    JT

    November 5, 2013 at 6:51 pm #184882
    jtarzian
    This reply has been marked as private.
    November 5, 2013 at 8:23 pm #184921
    Yigit

    Hi!

    Please try adding following code to Quick CSS as well

    .avia-builder-el-8 .main_color.iconbox_top .iconbox_icon { background-color: blue; color: #ffffff; border-color: blue; }

    Cheers!
    Yigit

    November 6, 2013 at 12:46 am #185002
    jtarzian

    Hi, it was in fact “el-7” but now it is working allright. Thanks Yigit!!!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Icon Box color differences’ is closed to new replies.