Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 2, 2014 at 4:58 am #246373
    Animationink

    Hi Guys,

    I’m trying to add custom colour to the tables on my page. For example I have option 1 and option 2 tables on my page. I would like to make the option 2 heading background red and then the next row down background orange and then the next yellow. Is this possible?

    http://direct.animationink.com.au/clients/major/?page_id=2480

    Cheers

    Carl

    April 2, 2014 at 2:44 pm #246548
    Yigit

    Hi Animationink!

    It is not very reliable but you can try adding following code to Quick CSS in Enfold theme options under Styling tab

    #main > div > div > main > div > div > div.flex_column.av_one_full.first.avia-builder-el-7.el_after_av_one_half.el_before_av_one_full.column-top-margin > div > div:nth-child(2) > ul > li.avia-pricing-row {
background-color: red;
color: white;
border-color: red;
}
#main > div > div > main > div > div > div.flex_column.av_one_full.first.avia-builder-el-7.el_after_av_one_half.el_before_av_one_full.column-top-margin > div > div:nth-child(2) > ul > li:nth-child(2) {
background-color: yellow;
color: blue;
border-color: yellow;
}
#main > div > div > main > div > div > div.flex_column.av_one_full.first.avia-builder-el-7.el_after_av_one_half.el_before_av_one_full.column-top-margin > div > div:nth-child(2) > ul > li:nth-child(4) {
background-color: green;
color: orange;
border-color: green;
}
#main > div > div > main > div > div > div.flex_column.av_one_full.first.avia-builder-el-7.el_after_av_one_half.el_before_av_one_full.column-top-margin > div > div:nth-child(2) > ul > li:nth-child(6) {
background-color: orange;
color: black;
border-color: orange;
}

    Regards,
    Yigit

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.