• 1
  • Question
  • Updated 10 years ago
  • Answered
On my http://simplyeighties.com website (and my other sites!) I seem unable to make any widgets sit in the centre of a column. On the top of my homepage you'll see that the Amazon MP3 widget is positioned off centre. I can only get widgets to position themselves left or right - is their a bug in Yola?
Photo of Mark N

Mark N

  • 466 Posts
  • 30 Reply Likes
  • frustrated

Posted 10 years ago

  • 1
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Hey Marky

If you wish to center any object or widget which uses code then the simplest way to do this would be to take that code you placed in the HTML Widget and instead insert it in a Widgetbox Widget.

Widgetbox Widgets have a default of center for any code placed withing as the HTML Widget defaults to the left...

On my site I use HTML Widgets for invisible content such as tracking codes but all others I use the Widgetbox Widgets.

Happy site building...

P.S. I do so miss the 80's ;) LOL
Photo of Mark N

Mark N

  • 466 Posts
  • 30 Reply Likes
Thanks for that - that answers my question. You have a really nice site!
Photo of Guido Graphics

Guido Graphics

  • 558 Posts
  • 41 Reply Likes
Here are some ways to manipulate your photos / text / widgets / videos / etc...

Place a "2 column" widget on your page, and place the items you want to manipulate into the 2 column widget.

Click and hold mouse button on the center bar in 2 column widget, and drag it left or right to re-size the columns, and center your items as needed.

(After you place a photo, look for the little red square. Click and hold and drag to re-size it.)

In the case of an image, click "properties" on the right, then click an image and you can set "position" to the right, center or left (within the widget it's in, not the page) again, drag the center bar for even more control.

"Margin" can also be used to adjust the space on all 4 sides of the image, within the widget.

You can also place another 2 column widget into one side, or both sides, or place a third inside of the second... or various combos to fit your needs.

You can use a text widget with no text in it to create blank space above and below the items. Just place a text widget, click to enter text, but don't type anything, just save it empty, or hit "enter on your keyboard to make a bigger empty space.

If you are placing the images in a text widget, you can also hit enter a few times under or above the photo to make blank space. (To get space above, hit enter first, leave the cursor there and then place the image under it.)

Save often, and look at the page in "preview" to make adjustments

If you look at my "links" page you can see the end result. That page has about 25 different text, 2 column, and 2 column within 2 column widgets, empty text widgets and image widgets to get the placement you see.


If you play with it a little, it will make sense.

If this helps you accomplish what you want, please mark this reply as helpful. Thanks.
Photo of Mark N

Mark N

  • 466 Posts
  • 30 Reply Likes
Guido Graphics - thanks very much for the advice - really appreciated!