Support

Home Forums Event Espresso Premium EE4: Overriding single_page_checkout.css

EE4: Overriding single_page_checkout.css

Posted: April 27, 2014 at 4:15 am

Viewing 5 reply threads


Darren Roberts

April 27, 2014 at 4:15 am

Hi

What’s the best way to change the styling of the single page checkout using css?

The stylesheet single_page_checkout.css is loaded after my theme’s style.css


Dean

April 28, 2014 at 1:06 am

Hi,

That’s very odd, as plugin files load before theme files, so the theme’s stylesheet should always be one of the last loaded.

What theme are you using? Can you provide a link to your site please?


Darren Roberts

April 28, 2014 at 2:08 pm

Hi

It’s a local, clean install of WordPress using my own theme but is also the case with the twentyfourteen theme.

Darren


Lorenzo Orlando Caum

  • Support Staff

April 28, 2014 at 6:01 pm

Hi Darren,

What if these styles are added using a plugin like My Custom CSS?


Lorenzo


Darren Roberts

April 29, 2014 at 1:39 pm

Hi

Yes, I can use Simple Custom CSS to add my css but I was hoping there was a solution that doesn’t involve installing another plugin.


Josh

  • Support Staff

April 29, 2014 at 3:40 pm

One solution that doesn’t involve installing a plugin would be to use more specificity when writing your selectors. For example, if your theme has a main-content class for the main content area of the page, you’d write your selector like this.

.main-content .event-queue-update-btns {
	min-width:185px;
}
Viewing 5 reply threads

The support post ‘EE4: Overriding single_page_checkout.css’ 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