Docs

[zendern]

Dear X team!

I am using v. 4.6.4 X Theme with activated child theme and Icon Stack. WordPress version 4.7.1
URL: http://happypeople.blog

I am trying to add a styling element under each page and post title on my site.
I want to place a short horizontal blue line under all page and post title texts, exactly like on http://makoeva.net/

I also want to add padding space on the top and on the bottom of this divider.

I have tried following this threat, but to no success: https://community.theme.co/forums/topic/how-can-i-display-the-same-divider-as-on-your-home-page/

All best,

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.entry-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    margin-left: -20px;
    border-top: 2px solid #5EA7B1;
}

.entry-title {
    text-align: center;
    position: relative;
    margin-bottom: 3.5rem;
    padding-bottom: 2rem;
}

Thanks.

[zendern]

Thank worked beautifully!
Tested in with all different screen sizes and it all displays as it should.

Thank you for you great support.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts