[Resolved] How Do I Remove Hyperlinks from Primary Navigation?

[Robin]

Hey there,

I recently changed the style of my hyperlinks on my website.

However there is a continuous hyperlink bold line under the primary navigation. See here.

How do I remove it? TIA.

Robin

[Leo]

Hi there,

I can’t tell what CSS you’ve added as Autopimize is on.

But make your CSS selector more specific should work.

For example, instead of a { }, try .entry-content a { },

[Robin]

Sorry, I don’t understand. I’ve just deactivated Autoptimise so hopefully you can see the CSS.

TIA.

[Ying]

Hi Robin,

Like Leo suggested, the CSS class which adds the hyper link should be more specific:

So change this CSS:

a {
    display: inline;
    position: relative;
    border-bottom: none;
    text-decoration: none;
    box-shadow: 0 1px 0 #262626;
    transition: all 350ms;
}

to:

.entry-content a {
    display: inline;
    position: relative;
    border-bottom: none;
    text-decoration: none;
    box-shadow: 0 1px 0 #262626;
    transition: all 350ms;
}

[Robin]

Wonderful. Thanks Ying, that worked.

[Ying]

No problem 🙂

[Author]

Posts