Hide H1 Accent on Home Page

In the Renew stack, how can I hide the H1 accent on one page (hand, wrist, and elbow specialist)?

Hello @Solidwebservice,

Thanks for writing in!

Please inspect the Headline element and under Customize > Setup > Class add a class name.

After that add following CSS under X > Theme Options > CSS:

.page-id-3517 .remove-headline {
    display: none;
}

Please change class remove-headline as per your requirement.

To find page ID please take a look at following resource:

Thanks.

When I applied this, it hides the entire H1 headline instead of just the small, blue accent mark on the top left.

Hey @Solidwebservice,

You have this code added in the style.css file of the child theme that is adding the accent in h1s:

h1:before {
    width: 120px;
    height: 1px;
    margin-bottom: .5em;
    display: block;
    border-top: 8px solid #004080;
    content: ".";
    text-indent: -9999px;
}

If you do not need the code, you can remove it from the css file to get rid of the heading accent.

If you want to use the code but not on some selected headlines, try updating the code previously provided by @Prasant to :

.remove-headline h1:before {
    display: none;
}

Hope this helps.

That removed the headline accent just like I wanted. Thank you for your help!

You’re welcome!
It’s good to know that it has worked for you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.