Tagged: ,

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

    I want to make every top-icon box on a page to have its own color for the icon background circles. I found this thread, but I was not able to make the CSS code that worked.

    #top.main_color.iconbox_top .iconbox_icon {
    background-color: #faa127;

    This works for every iconbox, but how to I specify each individual icin box.
    I have found the ID which are 1,3,5,7 etc

    How does the CSS code has to look for one box?



    Can you post the link to your website please?



    Hi Josue
    Thanks for your super quick reply.
    I have solved it, after a day puzzling I found that I have to use the inner ID of the Avia builder elements.
    Not 1,3,5,7 etc but
    2,4,6,8 etc

    This custom CSS works, It makes the first Icon on a page colored orange

    #top .avia-builder-el-2.main_color.iconbox_top .iconbox_icon {
    background-color: #faa127;


    Great to hear that you solved it. Closing this thread for now, if you have any further questions let us know ;)

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

The topic ‘Each icon -box different colors?’ is closed to new replies.