Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1206505

    Hi guys,

    How can I change the color of the pricing table element on individual pages?

    Right now it grabs the colors from the general styling settings in Enfold. I would like to be able to have individual colors of the pricing table on individual pages.

    I tried a custom id, but this did not work. (I probably made an error somewhere, I’ve been staring at it a little to long :) )

    Can you help me?

    Sincerely,
    Morticka

    #1206863

    Hey Morticka,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #sprekerprijzen .pricing-table li.avia-heading-row,
    #sprekerprijzen .pricing-table li.avia-heading-row .pricing-extra,
    #sprekerprijzen .pricing-table li.avia-pricing-row {
        background-color: #EE6123;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1207716

    Hi Victoria,

    Wonderful, it worked, thank you very much! :D

    Everything is one color now though, how can I get the lighter color in the heading of the price table? I put the images in the private content.

    Sincerely,
    Morticka

    #1207725

    Hi Barb!

    Please add following code to Quick CSS as well

    #sprekerprijzen .pricing-table li.avia-heading-row, #sprekerprijzen .pricing-table li.avia-heading-row .pricing-extra {
        background-color: orange;
        border-color: green;
    }

    Best regards,
    Yigit

    #1207791

    Hey Yigit,

    Thank you very much, it works beautifully! :D

    You can close this ticket.

    Sincerely,
    Barb

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Pricing table different color on different pages, how?’ is closed to new replies.