CSS Code for centering widget not working

Hi, 

I am currently having an issue centering a widget that i have injected into my booking page, however it seems I cant add custom css to the widget itself.

I've managed to get it working by injecting custom css into the developer mode in css so i know it works as it should however when i add the custom css to page in advanced options it gets bypassed and it doesn't seem to append on the page.

Are there any special rules that i need to take into consideration when applying custom css?

.is-widget #sb-timeline {
  padding-top: 90px;
  }

Thanks 

Lorna 

Can you share your website URL and the location of this widget?

Its still on trial. Can I send you a URL?

https://minnow-octagon-tnx6.squarespace.com/appointments

Yes that works, but you'll need to add a site wide password and share it here, follow this:

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

Hi 

Password set. 

Is it OK to share it on here?!

PW:- Sauna1@

Thanks, how have you installed the booking widget? Injected into the header or in a code block?

Hi,

Its inserted into the pages 'Advanced' section which I assume is classed as block.

20 minutes ago, LornaT said:

'Advanced' section

So you put it in the header code injection for a page. Could you try adding it in a code block on a page instead?

OK. I'll have a go at both and see what happens.

Thank you 

Hi. That worked (kind of). Is there any code to move the two booking boxes so they are aligned nxt to each other than stacked/on top of each other? 

https://minnow-octagon-tnx6.squarespace.com/appointments

8 minutes ago, LornaT said:

aligned nxt to each other than stacked/on top of each other? 

Yes, you just need to make the code block wider, currently it's only 4 columns wide, rather than the 24 that are available.

Ahh! Got it. Thank you.