Archived topic
Editing CSS on external script
5 replies · Started by Ricardo on December 17, 2022
Hi,
I'm not sure if this relevant for this forum, but I would like to try;
I'm trying to add an external script that produces a booking button in my page - https://www.fado.club/inicio-22/
I could do a button, but this one has special features after customers click on it.
I'm trying to add the CSS of that button, but I've been unable to do it. I think that is because the CSS should be edited on the font and not on my website. But do you know any way to edit that CSS on my wordpress?
(Sorry for not knowing the correct terms!)
Thank you
Hi there,
what is the external script you're trying to add ?
Hi,
I've already added:
<script src="https://tiqets-cdn.s3.amazonaws.com/booking_engine/loader/11384.js"></script>
<script
src="https://tiqets-cdn.s3.amazonaws.com/booking_engine/loader/11384.js"></script>
The result is a green floating button on the right.
It has this class: .smart_button
I can edit on mozilla inspector, but when I add the custom css in the wordpress, it doesn't make any effect.
So I wonder if there is anything that could be done here.
Thank you
Ok, so the Javascript is outputting an iFrame to display that button, and an iframe outputs it own HTML doc inside your page. And that HTML cannot be manipulated or restyled from anywhere other than the iframes origin server.
So although you can edit it in the browser inspector, you cannot pass styles from your domain to that HTML doc.
You would need to ask the script provider how to restyle the button. They should be able to provide an modified script to do that.
Thank you very much for your reply.
Best regards,
Ricardo
You're welcome
