text-decoration a link

Hi Brian,

The only way we could help would be by providing us a direct link to a page with the issue. CSS would be the only way to do it. Perhaps your selector needs to be more specific or higher up the chain.

Regards,
Nicolas

Hi Brian,

You may need to make a CSS rule that is more specific in order to override other CSS rules that are more general.

So instead of

a { text-decoration: none; }

try

.pjnt-item a { text-decoration: none; }

This may help you: https://www.w3schools.com/css/css_specificity.asp

Cheers

Hi PJ!
Thanks for the prompt response! I tried the above fix to no avail. I had also previously text-decoration:none !important on various other selectors, even directly on the element, in Firefox’s DOM inspector.
I have been previously using a different font which has more whitespace at the bottom of the glyphs (see here and are hidden by the bottom horizontal line inbuilt into the theme.
But this particular site has a different font (“Teletype_1945-1980”), and, as you can see, just shows an underline (and not below the separator, which has its own styling).
The primary stylesheet is here.
Thanks!
-B

• This reply was modified 3 years, 11 months ago by Brian Brown, Ph.D..
• This reply was modified 3 years, 11 months ago by Brian Brown, Ph.D..

Hi Brian,

The red line you see under the headline is not an underline, it’s actually a border.

If you inspect the element, you will see this is the problem:

.headline, .headline a {
    border-bottom: 2px solid #bc2d1a!important;

You can resolve this by adding:

.pjnt-item a {
    border-bottom: none !important;
}

Cheers

Ah!
I should have seen that! Thanks again, Paul.
By the way, I noticed some other issues:
There is a shortcode for the ‘target’ attribute, but no setting in the admin.
There is a ‘Show Top Banner’ in the admin, but no shortcode.
I don’t use those, but I noticed the discrepancy.
Regards,
-Brian
(Mark as resolved.)