How do I make html widgets appear centred on my page?

  • 1
  • Question
  • Updated 10 years ago
  • Answered
I have added a google search box to my site using the html widget but it appears to one side of the page and I want it in the centre. I'm also creating sales buttons from paypal for another synthasite I'm working on and have the same problem. Can someone please tell me how I change the html code generated by google and paypal to make the buttons and boxes appear centred on my pages? Many thanks.
Photo of Deb


  • 1 Post
  • 0 Reply Likes

Posted 11 years ago

  • 1
Photo of Brent

Brent, Official Rep

  • 64 Posts
  • 18 Reply Likes
Official Response
Hey Deb,

Try wrapping your html code with a div tag with center alignment. For example:

...[Google or PayPal Code Here]...

Hope this helps!
Photo of incywincy


  • 1 Post
  • 0 Reply Likes
Brent, thanks. Worked like a charm. Had to create a new account so apologies for not coming back sooner. Deb.
Photo of cindy


  • 1 Post
  • 0 Reply Likes
I tried adding the code around my PayPal Pay Now button, but it didn't work. Any other suggestions?
Photo of xooSkittlesoox


  • 1 Post
  • 0 Reply Likes
I have used before the html code(s) and then after the code(s) I put . This worked with several html codes in one box. Hopefully this helps you out.
Photo of Munish


  • 37 Posts
  • 0 Reply Likes
Simply i know little bit html
If u wanna have anything in the centre of the page use
before it and after it. It works!
eg. if i want to show "sgjsdgdjkgdjg" in the centre i will write
Photo of Jordan James

Jordan James

  • 3 Posts
  • 0 Reply Likes
When placing multiple widgets on a page is there a way to get them side by side?
Photo of Sanja


  • 10698 Posts
  • 495 Reply Likes
Hello Jordan

I would suggest using a two-column widget (located on the right-hand sidebar) to have your images or widgets line up side by side. You can even add more two-column widgets inside the two-column widget.

The center divider of the two-column widget can be dragged to the left or right to change the size of the columns. You can also edit the margins by clicking on the Properties tab in the right-hand sidebar. You'll see top, bottom, right, left margin entry box settings displayed that you can edit to see how your text and and/or images are altered.

I hope this answers your question.