Archived topic

Adding a line divider under the post/page title

3 replies · Started by Ighty on March 19, 2019

Viewing posts 1–4 of 4

March 19, 2019 at 5:43 am #843172

Is it possible to add a line below the title that divide the title from the page content?
I can do it placing a divider before adding the content, but I'd like to have something that I can change on the whole website at once.

And if it's possible how to change the width if I want it to be from side to side or with some padding?

March 19, 2019 at 6:30 am #843199

Hi there,

this CSS will place a border below the title and the width of the content:

.page .entry-header {
    padding-bottom: 0.5em;
    border-bottom: 1px solid;
}

Making it extend the fullwidth of the browser would be a lot more tricky....

March 19, 2019 at 9:33 am #843551

Thanks. That's perfect.

March 19, 2019 at 9:40 am #843560

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.