Home>Support>Align text vertically across boxes

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

URL: http://zahrnt.com/analytisch-denken/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi 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; }
    
  2. 9 years, 11 months ago Valentino Zahrnt

    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.

  3. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More