Jump to content

centering a widget?

Recommended Posts

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>
Link to comment

Add to Home > Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 11 months later...

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? 

Edited by BureauSF
Member tag
Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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.

image.thumb.png.97a78f6016b1ccfd314d6716369efc15.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 8 months later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.