Support

Home Forums Event Espresso Premium Custom CSS not showing on UTS Checkout/Payment Pages

Custom CSS not showing on UTS Checkout/Payment Pages

Posted: February 27, 2024 at 7:40 am


pathwise

February 27, 2024 at 7:40 am

Question in this Loom: https://www.loom.com/share/5c9ad4b8af0741e29b033844e5543965?sid=492504c5-73e0-4532-a039-35dd4e0a9b7d

Website for reference: https://nrtraininggroup.com


Tony

  • Support Staff

February 27, 2024 at 4:02 pm

Hi there,

The difference between those 2 outputs is on the EE pages, the image URLs have a height and width set as attributes. This is your ‘about’ page:

https://monosnap.com/file/93eB9w52jFqGUtGMx7gvfaNXZKy5hE

Notice the images load with no height/width attribute set.

Then looking over the EE outputs:

https://monosnap.com/file/Fu9j5GhMQsbyZgh9KFRwqVJHw36IdD

Those inline attributes have a higher specificity than your CSS.

By just quickly removing those within source you can see the banner loads ‘better’:

https://monosnap.com/file/RiuBKhYcCyMc6r6OUFY6qDtOcTM7tB

Adding width: auto; into your CSS should fix that, you’re already settings a height.


pathwise

February 28, 2024 at 7:38 am

That worked. Awesome – thank you!

The support post ‘Custom CSS not showing on UTS Checkout/Payment Pages’ 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