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.
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.
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.
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.