Underlining and Continue reading

Can you share your site URL with me, so I can take a look? It’s frequently possible to override things selectively, but I’d have to see the site to be able to be specific.

JOE

Certainly: my main site is Neal Umphred Dot Com

nealumphred.com

Please keep in mind that as I have the ‘Force underline’ option ticked, the ‘Continue reading’ text is underlined. I want the underline removed from the titles but kept on the ‘Continue reading’ text . . .

NEAL

PS: Thanks for the prompt response!

I’m not sure you’ll have an option to make that work using WP Accessibility, I’m afraid. WP Accessibility is kind of a sledge hammer of a plug-in; because it’s almost impossible to know *which* links really need to be underlined, it takes the approach of jumping on all of them. In this case, I don’t see an easy way to use WP Accessibility to make that more selective. However, I do think you could add some custom CSS via other means, such as the custom CSS module in JetPack, to accomplish the same goal.

Something like this would probably serve you pretty well:

.entry-content li a, .entry-content p a {
    text-decoration: underline;
}

.entry-content a:hover, .entry-content a:focus {
    text-decoration: none;
}

JOE

I have the Simple Custom CSS plugin, where I added the code. If the goal was to remove the underlines from the titles, it did not take.

NEAL

Sorry, the goal for that code was to add underlines in the post content if the option was disabled in WP Accessibility, not to remove the underlines when the option is enabled.

J

Aha!

The two snippets of code DID add underlining to the “Continue reading” text on the homepage, but did NOT add underlining to any of the links in the text on post pages.

N

Looks like your single-page views use different classes than the archives. Try:

.entry-content li a, .entry-content p a, .hentry a {
    text-decoration: underline;
}

.entry-content a:hover, .entry-content a:focus, .hentry a:hover, .hentry a:focus {
    text-decoration: none;
}

Thanks!

But . . .

That added underlines to the links in the text of my article and the “Continue reading” (which I want) and added underlines to all the titles and even the dates on my homepage (which I d on’t want).

Is there a mix of these four snippets that might work?

Oof. All sorts of mixed CSS there. This is why it can be hard to target specific cases…

At this point, I’d suggest going to the theme author for support – they’re going to know the CSS for the theme much better than I do, and should be able to provide you with instructions on how to add custom styles to handle those particular underlining cases. With some concerted time, I could probably figure it out, but they should be able to do it much more efficiently.

J

Okay. Thanks!

N