This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

How to align widgets to top of row in Page Builder

Open 3 replies pluginplugin-page-builder
Charles Cornelius
11 years ago · Last reply by Charles Cornelius 11 years ago

How do you get widgets to align to the top of the row? What code exactly, and where do you put it?

I have a row with two columns, and Visual Editor widgets in each column. In the right-hand column, there is less text, and the widget aligns itself to the middle of the row (vertically), which means there is some white space above it.

I’m a complete CSS novice. I’m guessing you add something to the CSS styles attributes of the widget, but what exactly? And where? Do I also have to add something to the CSS widget class attribute (whatever that is!) I’ve tried to look elsewhere, but any explanations lose me in seconds, and anything I try has no effect.

Thanks! Love the product.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Charles Cornelius 11 years, 8 days ago

    I’ve just worked out the problem!

    The right-hand column had text in the Title field of the Visual Editor, the left-hand column didn’t. It seems that having a title pushes the widget down a little bit more than a widget with no title.

    I don’t know if this is deliberate or a bug.

  2. Greg Priday Staff 11 years, 7 days ago

    Hi Charles,

    Glad to hear you got this sorted out. Yeah, adding a title will push down the content of the visual editor a little bit. Your theme has ultimate control over how this is styled, but most themes handle this quite well.

  3. Charles Cornelius 11 years, 7 days ago

    well….I thought I’d worked it out!

    Suddenly, my widgets in the same row weren’t level at the top, even when both had no title, or when both had a title. I also tried stripping out any text formatting code, and images from the visual editor widget and they still didn’t align at the top.

    In the end I simply created a new row, with new widgets, and retyped the text and re-entered the images and embedded code, and this time the widgets stayed aligned at the top of the row.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread