Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 16, 2013 at 7:58 pm #161852
    1000zen

    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?

    September 16, 2013 at 8:21 pm #161865
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    September 16, 2013 at 8:31 pm #161867
    1000zen

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

    September 16, 2013 at 8:35 pm #161871
    Kriesi

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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Each icon -box different colors?’ is closed to new replies.