[mayernissim]

Recently all the headings (h1, h2, h3, h4 etc) on the site seem to be underlined, and my client is pretty sure they weren’t before (could this have happened in a recent update).

I’ve tried to remove them using Additional CSS (both with and without !important) and it’s not worked.

/* Remove text decoration from all headers with !important */
h1, h2, h3, h4, h5, h6 {
text-decoration: none !important;
}

Any ideas how to fix this?

Thank you in advance!

Website: becs-medium.com

[mayernissim]

I’ve got the answer via Priority Support (thank you!). Posting the necessary CSS
in here in case anyone else has a similar issue.

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
background: none;
}

[welder7]

Thanks for the update, had the same issue on client website..
BTW which CSS plugin do You use.. I ask You this because CSS keeps reverting back to old settings whenever there are updates…?

Website: joss.si

[sgoweb]

Same problem here. It is indeed a very unnecessary and annoying feature. Please remove underline for accessible website design.

Website: sgoweb.de

[Steve Procter]

Sadly this does not work on Ripley 🙁
Ripley also does not detect the Bravado Plus theme, so won’t allow many features to be used which is really annoying.

[Anderson_will]

Thanks for sharing the fix. Little styling issues like this can make a bigger difference than people think, especially on pages where users need to focus on content or interactive tools. Clean headings are much easier to read and improve the overall experience.

Website: dotscalculator.com

[ROBERHENRY]

I completely agree with this suggestion. Underlined headings can make pages feel cluttered and may distract from the overall design, especially when headings aren’t meant to look like links. Having a simple theme option to enable or disable heading underlines would give users much more flexibility while keeping websites clean and easy to read.

[GeorgeSmith]

Thanks for sharing the solution! This is a useful fix for anyone experiencing the same heading underline issue.

The .entry-content selector is important here because applying text-decoration: none to the headings alone may not override the styling responsible for the visual effect. Using:

.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 { background: none; }

should remove the unwanted styling in the affected content areas.

It would also be great if future theme updates included a simple setting to enable or disable heading underlines, especially for sites where headings aren’t intended to look like links.

Website: softileo.com

[Steve Procter]

It would also be great if future theme updates included a simple setting to enable or disable heading underlines, especially for sites where headings aren’t intended to look like links

I asked for this a few years ago, but it never appeared. Hopefully they will add it one day.

Website: www.mobilepcrescue.co.uk

[GeorgeSmith]

Thanks for sharing the solution. I had seen similar heading styling issues before, and it is helpful to know that setting the background to none for the affected heading elements can resolve the problem.

The CSS below should be useful for anyone experiencing the same issue:

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
background: none;
}

It is also good that the solution has been posted here for future users who encounter the same issue after a theme or WordPress update.

Make reply private: No

Website: famousstages.com

[Author]

Posts