How to centre button on site – Embedded Script

Timboandco · January 30, 2023

I've embedded this script which creates a booking button for a 3rd party system.
However the button sits left aligned in the content box and I don't know enough to edit it to have it centred.
The button sits in the middle of the site, so scalling makes it jump around a lot. Help?

Here's the site

https://www.charlottecummings.nz/

<script id="setmore_script" type="text/javascript" src="https://my.setmore.com/webapp/js/src/others/setmore_iframe.js"></script><a id="Setmore_button_iframe" class="" style="float:none" href="https://booking.setmore.com/scheduleappointment/45f0b7ef-cae6-4d0c-8808-1354daa6242c"><img border="none" src="https://storage.googleapis.com/full-assets/setmore/images/1.0/Settings/book-now-blue.svg" alt="Book an appointment with Charlotte Cummings using Setmore" /></a>

Edited January 30, 2023 by Timboandco
Adding URL

Ziggy · January 30, 2023

Typically simply containing the button script in <center> tags works, like this:

<center>
  <script id="setmore_script" type="text/javascript" src="https://my.setmore.com/webapp/js/src/others/setmore_iframe.js"></script><a id="Setmore_button_iframe" class="" style="float:none" href="https://booking.setmore.com/scheduleappointment/45f0b7ef-cae6-4d0c-8808-1354daa6242c"><img border="none" src="https://storage.googleapis.com/full-assets/setmore/images/1.0/Settings/book-now-blue.svg" alt="Book an appointment with Charlotte Cummings using Setmore" /></a>
</center

I would recommend that you make the code block that contains this button the full width of the canvas.

Let me know if that works

How to centre button on site – Embedded Script

Recommended Posts

Timboandco

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Ziggy

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources