Embedded booking widget - change CSS background-color

Design help General
1

Hi,

I have a booking widget for my clients restaurant.

Is it possible to change the background color?

I assume I can apply some custom CSS but not sure where to find the CSS class.

Thanks in advance,

Cam.

Here is my site Read-Only: [LINK](Webflow - Paper Tiger)

[Published Page - LINK]

2

Which exact background do you want to change?
Is it something inside here?

Screenshot 2023-03-24 at 08.10.03
Screenshot 2023-03-24 at 08.10.032522Ă—922 182 KB

This is in iFrame, afaik it is not possible to change that inside Webflow with custom code, at least not with pure css. This is not a problem with Webflow, it is technically not possible to change CSS within an iframe.
I see that you are using a tool called “Now Book it”. I had a quick look at their website, but I can’t find any documentation. Maybe it is possible to add custom CSS to this tool. If it allows to insert custom code, this selector should do the trick:

#root {
background: blue;
}

3

Hi Mirko!

Thank you very much for the reply.

I suspected that I would not be able to change the CSS within the iframe.

I just wanted to double check. Thank you for confirming my suspicion.

I believe that it is possible to change the CSS on the tools website. I have asked my client to do so.

Thanks again for taking the time to reply to my post!

All the best,

Cameron

1 Like