Archived topic

How to add a divider line ?

1 reply · Started by David on May 3, 2019

Viewing posts 1–2 of 2

May 3, 2019 at 4:32 am #887700

Hi,

I snipped this photo from another blog... was wondering if it is possible to add this type of small divider line with some spacing options to generate press ? - below the blog title on the home page / categories ?

Screen shot: https://cl.ly/587705f84a69

Thanks!

May 3, 2019 at 5:35 am #887751

Hi there,

try this CSS:

body:not(.single) .entry-title {
    position: relative;
    padding-bottom: 1.5em;
}
body:not(.single) .entry-title:after {
    content: '';
    position: absolute;
    bottom: 0.75em;
    left: 0;
    width: 60px;
    border-bottom: 2px solid #000000;
}

This archived topic is closed to new replies.

Start building better websites today.