Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 29, 2013 at 11:59 pm #182275
    adamsm

    Hi

    When you add a promo box to a page you can change the colour (set colours or custom), however this option isn’t here when you add an icon box. I’d like to be able to leave say 4 icon boxes and each icon be a different colour (my logo has 4 colours). Is there any way to add the colour drop down from promo box to icon box at all??

    Thanks a lot! Mark

    October 31, 2013 at 2:17 am #182735
    Yigit

    Hey adamsm!

    Can you post the link to your website where you have icon boxes?

    Cheers!
    Yigit

    October 31, 2013 at 3:37 pm #182976
    adamsm

    Hey sure it’s here http://www.clubfacemag.com/?page_id=2. Need to put site on maintenance mode at 9am GMT on Friday so check it out and let me know before that if you can :)

    October 31, 2013 at 3:51 pm #182982
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options and adjust as desired

    .avia-builder-el-7 .iconbox_icon { background-color: red!important; }
.avia-builder-el-9 .iconbox_icon { background-color: blue!important; }
.avia-builder-el-11 .iconbox_icon { background-color: green!important; }

    Regards,
    Yigit

    October 31, 2013 at 4:07 pm #182992
    adamsm

    Hmm thanks but hasn’t done what I had in mind e.g. the drop down doesn’t appear so I can change colour of icons independently??

    October 31, 2013 at 4:11 pm #182996
    Yigit

    Hi!

    Isn’t this what you would like to achieve http://i.imgur.com/hEU3Elk.jpg ?If not, please post a screenshot and show

    Regards,
    Yigit

    October 31, 2013 at 4:26 pm #183008
    adamsm

    Kind of but what if I had 4 icons and not 3??

    Also on one page I may like red, green and blue and on another page green, green and blue – not sure I can do that with this blanket CSS fix can I??

    :)

    October 31, 2013 at 4:36 pm #183014
    Yigit

    Hey!

    You most definitely can. You just need to find this class of that certain article http://i.imgur.com/hxHPT3V.jpg and adjust previous css code :)

    Cheers!
    Yigit

    October 31, 2013 at 4:45 pm #183020
    adamsm

    Hmm think I understand, not really a techie – where is that code to edit??

    What if it is custom colour and I have hex codes??

    Sorry for so many questions :)

    October 31, 2013 at 4:47 pm #183021
    Yigit

    Hi!

    This is the code

    .avia-builder-el-7 .iconbox_icon { background-color: red!important; }
.avia-builder-el-9 .iconbox_icon { background-color: blue!important; }
.avia-builder-el-11 .iconbox_icon { background-color: #f2f2f2 !important; }

    As you can see .avia-builder-el-X are all different. That is where you need to edit. I also added hex value to the last code

    Regards,
    Yigit

    October 31, 2013 at 4:57 pm #183026
    adamsm

    Ok I’ve just added this as got 5 brand colours:

    .avia-builder-el-11 .iconbox_icon { background-color: #f15b28 !important; }
    .avia-builder-el-11 .iconbox_icon { background-color: #f7941e !important; }
    .avia-builder-el-11 .iconbox_icon { background-color: #68bd45 !important; }
    .avia-builder-el-11 .iconbox_icon { background-color: #2dc2e3 !important; }
    .avia-builder-el-11 .iconbox_icon { background-color: #fecb1e !important; }

    and got this result at bottom:

    http://www.clubfacemag.com/?page_id=2

    Colours don’t match hex codes above??

    October 31, 2013 at 5:00 pm #183028
    Yigit

    Hey!

    That is because you have not changed “.avia-builder-el-X”. Please take a look at my last 2 posts and try following code 

    .avia-builder-el-7 .iconbox_icon { background-color: #f15b28 !important; }
.avia-builder-el-9 .iconbox_icon { background-color: #f7941e !important; }
.avia-builder-el-11 .iconbox_icon { background-color: #68bd45 !important; }
.avia-builder-el-12 .iconbox_icon { background-color: #2dc2e3 !important; }
.avia-builder-el-15 .iconbox_icon { background-color: #fecb1e !important; }

    Cheers!
    Yigit

    October 31, 2013 at 5:02 pm #183030
    adamsm

    Aha, gotcha, thanks a lot!! :)

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