centering a widget?

Site URL: https://www.nyadorned.com/la-appts-original

hello! 

I have a widget used on a page for a booking software that allows clients to make an appointment. I have never been able to get it centered. can anyone help me figure this out? the iframe code is supplied to me by the software: 

<iframe src="https://newyorkadorned821laartsdistrict.resurva.com/book?embedded=true" name="resurva-frame" frameborder="0" width="450" height="450" style="max-width:100%"></iframe>

Add to Home > Design > Custom CSS

div#block-7c7da78e25205a8850df .sqs-block-content {
    display: flex;
    justify-content: center;
}

Hello @tuanphan

your tips and contributions on this forum are so valuable - and highly appreciated here!

I have a similar issue with a simple iframe embed, which I cannot seem to align center from its native left align:

a <center> tag wrapping the embed code did not do the trick and your Custom CSS above will not quite center the block (it is still somewhat to the left) - see link here

And for some reason your Custom CSS does not work at all here

Any suggestion what could be going on? 

On 1/27/2021 at 6:51 PM, BureauSF said:

Hello @tuanphan

 

your tips and contributions on this forum are so valuable - and highly appreciated here!

I have a similar issue with a simple iframe embed, which I cannot seem to align center from its native left align:

a <center> tag wrapping the embed code did not do the trick and your Custom CSS above will not quite center the block (it is still somewhat to the left) - see link here

And for some reason your Custom CSS does not work at all here

Any suggestion what could be going on? 

What is access password?

Thank you for looking into this, @tuanphan temporary password is Rita

22 hours ago, BureauSF said:

Thank you for looking into this, @tuanphan temporary password is Rita

This is Calendar from the original url. It has no center, so when inserting an iframe, you cannot customize the iframe to center it.

Thank you, @tuanphan!

I created a new Embed Block and now your Custom CSS code above works for all embedded calendar!

The alignment is just slightly off-center and I cannot figure out why.

Do you have any tips how to fix this (or what could be creating the off-center shift)?

I have the same issue with my widget @tuanphan  - can't get it to centre on the page, if you can help?

https://www.drmichaelogorman.com/reviews

https://www.drmichaelogorman.com/blog/dermal-fillers-cannula-vs-needles

Thanks!

On 10/19/2021 at 10:15 AM, GeorginaBug said:

I have the same issue with my widget @tuanphan  - can't get it to centre on the page, if you can help?

https://www.drmichaelogorman.com/reviews

https://www.drmichaelogorman.com/blog/dermal-fillers-cannula-vs-needles

Thanks!

Add to Design > Custom CSS

/* Center widget */
div#rsrvwrapper {
    margin: 0 auto;
}

Hi, I am also having a similar issue, I've tried some of the code provided in the above responses, but can't seem to get it centred.

Could you please suggest what code I should use?

https://www.thebison.ca/booknow

On 2/23/2023 at 4:04 AM, morristheskinny said:

Hi, I am also having a similar issue, I've tried some of the code provided in the above responses, but can't seem to get it centred.

Could you please suggest what code I should use?

https://www.thebison.ca/booknow

Hi,

Add to Design > Custom CSS
 

div#ot-widget-container31 {
    text-align: center;
}