How To Center HTML Content

You can use the HTML section to integrate a wide range of widgets and features by simply adding the code.

By default, most content is left justified and will appear on the left-hand side of your app. To center content, all you have to do is add the following additional code 

<center></center>

around the iframe code for the widget, you are adding.

Here is an example of the code to add the Timely booking widget to an HTML section:

The standard code looks like this and will left justify the booking widget

<iframe src="//inspirationsphotography.gettimely.com/book/embed?" scrolling="no" id="timelyWidget" style="width:480px;height:600px;border:1px solid #4f606b"></iframe<iframe src="//inspirationsphotography.gettimely.com/book/embed?" scrolling="no" id="timelyWidget" style="width:480px;height:600px;border:1px solid #4f606b"></iframe> </center>




But if you add the center coding like this it will change the justification to centered.

<center> <iframe src="//inspirationsphotography.gettimely.com/book/embed?" scrolling="no" id="timelyWidget" style="width:480px;height:600px;border:1px solid #4f606b"></iframe<iframe src="//inspirationsphotography.gettimely.com/book/embed?" scrolling="no" id="timelyWidget" style="width:480px;height:600px;border:1px solid #4f606b"></iframe> </center>

 

 

For more information on how to use the HTML section and how to add a scheduling Option to your Apps check out the below articles:

The HTML Section

How To Add A Scheduling Option

 

keywords: centre

  

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk