Pricing Table

Hi

I would like to create a 3 column pricing table but need to have each of then tables in a different colour, I see that if you use 'gkPremium" as am id class it changes the colour of one table, how would I be able to achieve 3 different colours on the 3 column table please?

Could you please post an url to your site where this 3 column table is already created?

Could you please post an url to your site where this 3 column table is already created?

Hi it is the pricing table in the demo that I am using (at the moment) - https://demo.gavick.com/joomla25/bluap/ ... rice-table

As you can see the middle table is black but I want to be able to have 3 tables with 3 different colours.

Please edit: /templates/gk_bluap/css/override.css and add at its end:

Code: Select all

.gkPriceTable dl.color1 {
background: #900;
border-color: #900;
}
.gkPriceTable dl.color2 {
background: #090;
border-color: #090;
}
.gkPriceTable dl.color3{
background: #009;
border-color: #009;
}


Now add classes color1, color2, color3 to each of dl elements (like there is a gkPremium class on second one) to use that background colours.

Remember to enable "CSS override" in template settings - advanced section.