Classic Pricing Table Change Font Colour

[Jimmmmmer]

Hi There

I have a pricing table and I want to change each of the column text tables into another colour ie everything in first box including the ticks and crosses to teal - eveything in second column to gold and 3rd box to teal…

I have already changed the main heading wording and the background of the boxes but I want the text and ticks/crosses in the list of items to match their headings.

Is it also possible to change the colour of the contents of the sub headings for each column

Many thanks.

[jade]

Hi Eileen,

You can make use of the class option of each table column and change the color through custom CSS.

For example, for the first column assign the class teal to it:

Then add this code in the Global CSS:

.teal .x-pricing-column-info ul li,
.teal .x-pricing-column-info .x-price,
.teal .x-pricing-column-info .x-interval {
    color: teal;
}

.gold .x-pricing-column-info ul li,
.gold .x-pricing-column-info .x-price,
.gold .x-pricing-column-info .x-interval {
    color: gold;
}

After that, you can simply add the class teal to the third column and the class gold to the second column.

Hope this helps.

[Jimmmmmer]

You are such a STAR - thank you

[jade]

You’re most welcome.