Site logo

Archived topic

Title on new line

6 replies · Started by Bernhard on July 9, 2018

Viewing posts 1–7 of 7

Hi,
it's necessary for me that all titles <h2>, <h3> ... are always displayed on a new line.
Actually they are displayed in the next free space - screenshot 1 screenshot 2.

Hi there,

When using floats you need to clear them afterwards or this happens. You can add this markup after your columns:

<div class="clearfix"><!-- clear --></div>

HI David, thank you for the info. In fact I had an error with the floats.
But I have the same problem with images (screenshot 1).
In twentyfourteen, which I used before, it did not have this problem.

In that instance it would be best to add a line break <br> after the text to force the line down. Or increasing the width of the image would also work.

But with the <br> solution I have to go through all my pages. Change of image width creates other problems on mobile view. Is there no way to code the title to display generally on a new line?

OK, I solved it now with
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both}
Thank you for your help.

OK, glad to hear you found a solution.

This archived topic is closed to new replies.