Home Forums Event Espresso Premium How do you change the CSS on an iframe.

How do you change the CSS on an iframe.

Posted: April 21, 2022 at 2:25 pm


April 21, 2022 at 2:25 pm

I’ve been using EE for a few years now and the one thing that is always off-putting is how bad default iframes look.

I’m a novice at websites, as I understand the technical but the how-to leaves me in the weeds for 10s of hours trying to fix the issue.

What is the best way to set the CSS to match my website when using /code module with WordPress (divi builder)

I see this come up with my research :

tckt-slctr-tbl-tr ticket-sales-sold-out lt-grey-text ee-ticket-general-admission

I could be way off base, and am new to PHP (like brand new) and trying to just make this work.


  • Support Staff

April 22, 2022 at 7:27 am

Hi there,

I’m curious as to why you are using the iFrame output rather than a shortcode?

TO explain a little, iFrames are basically a way to load a site within another site, so if your on and your events are on, thats the same site so you can simply display the event using a shortcode if thats what you want to do?

So for example on the page above, why not use:


Which will output a ticket selector for the same event, parsed directly on your own site?

The support post ‘How do you change the CSS on an iframe.’ 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