Align text vertically across boxes
Hi Andrew, I am almost done with my webpage, promised :)
Is there a way to align two text bodies that have only one heading? E.g. Analytical thinking: there is a heading on the left, so on the right, the text starts further up (and if I add an empty space into the heading there or empty lines in the text body, it’s never exactly aligned).
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi Valentino
Given that Black Studio doesn’t have a column function that I know of, this is the only way I can think of doing this. Insert into Custom CSS – change as needed:
.widget_black-studio-tinymce .widget-title ~ .textwidget p:first-child { margin-top: 0 !important; } .widget_black-studio-tinymce .textwidget p:first-child { margin-top: 20px; }Yeah, that looks much better! The only trouble is that it doesn’t work when the first paragraph starts with a bullet point. Then the paragraph is still up on the top of the box rather than being aligned as the plain-text beginnings.
Not sure I can help in that case. The CSS I sent works by setting the margin to zero if a paragraph follows a widget title. That’s how we’re able to set the margin of the first paragraph in the right column only – because those paragraphs don’t follow a widget title. This unfortunately won’t work for list items.
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.