[kelleyhgParticipant]

How do I edit the headline font sizes, pricing sizes, and headline block background and button colors in the Cornerstone Pricing Table element? Thanks in advance for your help.

[NicoModerator]

Hi There,

Thanks for writing in.

Would you mind sharing us a screenshot of what you want to customize in the pricing table element. A screenshot with labels on it would help a lot.

Once we fully understand the customization, we’ll do our best to help you

You could check also the link below for some of the customization with the pricing table.

https://community.theme.co/forums/topic/pricing-table/

Hope it helps. Let us know how it goes.

Thanks.

[kelleyhgParticipant]

This reply has been marked as private.

[LelyModerator]

Hello Kelley,

I can’t see your screenshot with your edit. Attached screenshot is from forum.
Although you may add custom-pricing-table on the class field of the price table element. Then add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

.custom-pricing-table h2 {
    font-size: 15px; /*Heading font size*/
    background: yellow; /*heading Background*/
}
.custom-pricing-table .x-pricing-column-info .x-price {
    font-size: 30px; /*pricing size*/
}
.custom-pricing-table .x-btn {
    background: blue; /*button background*/
    border-color: yellow; /*button border*/
}

Feel free to customize the values.

Hope this helps.

[kelleyhgParticipant]

This reply has been marked as private.

[LelyModerator]

You’re welcome!

Please try the suggestion on the previous reply and do update us if you still have questions.

[kelleyhgParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

Instead using the word grey or blue, to have a more flexible choice of colors you can use Hexadecimal colors.

Please refer to the site to fin your ideal color: at the end it should look similar to this : #a7a7a7

use #a7a7a7 (or the color you like) instead of the word grey on your code.

hope it helps

Joao

[kelleyhgParticipant]

Joao, that’s what I needed. Thank you very much for your help.

[JadeModerator]

You’re most welcome.

[Author]

Posts