|
geoffmartyn
|
January 12, 2016 at 7:06 am
Hi,
I’m trying to load custom payment option images via the Button URL field. They appear OK, but it looks like the CSS for max-width is set to 100px and !important so I can’t override this.
The class I’m trying to use is: .spco-payment-method-btn-img and the CSS file is single_page_checkout.css
Any help greatly appreciated!
Thanks
Geoff
|
|
Josh
|
January 12, 2016 at 7:32 am
Hi Geoff,
You can override the width rule by loading your custom CSS later (using the cascade) or add an ID selector like:
#ee-available-payment-method-inputs--input-dv .spco-payment-method-btn-img {
max-width: 200px !important;
}
|
|
geoffmartyn
|
January 12, 2016 at 9:13 am
Hi Josh,
Thank you for the quick reply. The latter option doesn’t seem to work and I’m not sure how I could load my CSS later.
Thanks
Geoff
|
|
Lorenzo Orlando Caum
|
January 12, 2016 at 9:23 am
Hi Geoff,
How are the styles being added to your site? Are you using something like Simple custom CSS or Reaktiv CSS Builder?
—
Lorenzo
|
|
geoffmartyn
|
January 12, 2016 at 11:56 am
Hi Lorenzo,
I’m using X-Theme and just adding to the default child theme style.css
Geoff
|
|
Lorenzo Orlando Caum
|
January 12, 2016 at 12:37 pm
Hi Geoff,
I have this working on our testing site using Simple Custom CSS so it maybe the priority where the checkout for registration checkout is loaded after your theme’s stylesheet:
http://cl.ly/1C3p0N2C0e1E
I have another idea on adjusting the size. What is the page ID for your registration checkout page?
—
Lorenzo
|
|
geoffmartyn
|
January 12, 2016 at 12:39 pm
Thanks Lorenzo. I think you’re correct. X has its own custom CSS section in the customizer – I’ll see if that will help.
The page ID is page-id-1118
Geoff
|
|
Josh
|
January 12, 2016 at 12:52 pm
Hi Geoff,
One thing to keep in mind is the Event Espresso scripts and styles get added to the wp_enqueue_scripts hook at priority 10. So if you move the child theme’s stylesheet to wp_enqueue_scripts at priority 11 or later, it will load later in the document.
|
