Support

Home Forums Event Espresso Premium Customize style of the Checkout page (font colors, font size, line spaces, etc)

Customize style of the Checkout page (font colors, font size, line spaces, etc)

Posted: November 4, 2016 at 2:47 am

Viewing 1 reply thread


rafaelortet

November 4, 2016 at 2:47 am

First of all, thank you for this fantastic plugging!

We want to customize the Checkout page, change font color, size, line space etc.

This is the registration page that links to the checkout page:
http://conference.tsadra.org/2017-conference/registration/

I have looked at the espresso_default.css file but could not find the related lines to the Checkout page.

Any advice how to proceed? Thank you!

Rafael Ortet


Josh

  • Support Staff

November 4, 2016 at 11:32 am

Hi Rafael,

Most of the styles on that page are controlled by your WordPress theme. The way forward is you add some new styles to a custom stylesheet. If you don’t have a custom stylesheet, you can add one by installing the Reaktiv CSS Builder plugin.

Here’s a very basic example that shows how to target the registration checkout page on your site *only* and apply some text color, text size, and line-height adjustments:

.page-id-12541 .page {
color: green;
line-height: 3rem;
font-size: 1.5rem;
}
Viewing 1 reply thread

The support post ‘Customize style of the Checkout page (font colors, font size, line spaces, etc)’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso