Ugly border around Eventbrite ticke

[stefaanoyen]

Hi there,

I just configured Eventbrite tickets and notice an ugly border on the left and top side, see attached screenshot.

This is the page: http://www.huisvanhetkindpajottenland.be/activiteit/test/

How do I fix this? CSS doesn’t seem to be working, probably because this is an iframe?

Kind regards,
Stefaan

[Geoff B.]

Good morning Stefaan and welcome back!

Thank you for reaching out to us.

We are sorry to hear about that extra border coming from the iFrame.
I would love to help you with this topic.

I took a look at your website and it turns out that there is no CSS rule define for borders of an iframe in your theme.
As a result, it defaults to your browser user agent stylesheet. CSS rules on the iframe’s main container will work as long as they are specified before loading the page.

You have a couple of options available, but here’s one that should do the trick:

iframe { border: none !important}

Another option would be to make the border-width 0px or to make it white.

Let me know how that goes.

Best regards,
Geoff B.

 

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts