Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 28, 2014 at 4:16 pm #257147
    IrisMar17

    hi,

    I’ve got several pricing tabs on my site and I named them Red/Yellow/Blue. Can I change each tab into that specific colour? Pls indicate how.

    rgds

    Iris

    April 29, 2014 at 7:24 pm #257811
    Devin

    Hi IrisMar17!

    You can target any element and change its color with css but if you are asking for us to provide the specific css to do that we would need to see the pages where the elements are you want to target.

    Cheers!
    Devin

    April 30, 2014 at 10:25 am #258178
    IrisMar17

    hi Devin,
    thanks for your reaction. The site is: studiosjoerd.nl and the colours I would like to change are in the first pricing tab (4 columns: red, yellow, blue, grey).

    Site is still being worked on. Playing around where to place colour fields, which H1, H2 to use etc.

    rgds

    Iris

    May 1, 2014 at 3:25 am #258684
    Josue

    Hi Iris!

    Try with this code:

    .avia-pricing-table-container .pricing-table-wrap:nth-child(1) li{
    background: red;
}
.avia-pricing-table-container .pricing-table-wrap:nth-child(2) li{
    background: yellow;
}
.avia-pricing-table-container .pricing-table-wrap:nth-child(3) li{
    background: blue;
}
.avia-pricing-table-container .pricing-table-wrap:nth-child(4) li{
    background: gray;
}

    Add it to the Quick CSS.

    Best regards,
    Josue

    May 1, 2014 at 4:51 pm #258952
    IrisMar17

    hi Josue,

    thanks! They swtiched to red/yellow/blue and grey. Unfortunately the other 3 boxes changed to the same colours to. I made a copy of the code you gave me, renumbered 1, 2, 3 into 5, 6 and 7 and put the colour white into it. Didn’t work…
    I also wanted to change the font colour (you can’t read it now anymore). Did that by adding: font-colour:#gray;. No changes.

    How can I change the css myself in that area? Where to find it?
    one box, the yellow one, wasn’t covered completely in yellow though. It’s the ‘attention-box’.

    looking forward to some more advice. Thanks in advance!

    Iris

    May 2, 2014 at 5:45 am #259195
    Ismael

    Hi!

    Thank you for the update.

    Please replace the code with this just to make sure that only the pricing table included on the color section with the #av_section_3 id is affected:

    #av_section_3 .avia-pricing-table-container .pricing-table-wrap:nth-child(1) li{
    background: red;
}
#av_section_3 .avia-pricing-table-container .pricing-table-wrap:nth-child(2) li{
    background: yellow;
}
#av_section_3 .avia-pricing-table-container .pricing-table-wrap:nth-child(3) li{
    background: blue;
}
#av_section_3 .avia-pricing-table-container .pricing-table-wrap:nth-child(4) li{
    background: gray;
}

    Regards,
    Ismael

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