Site logo

Archived topic

How Do I Remove Hyperlinks from Primary Navigation?

5 replies · Started by RJ on October 18, 2021

Viewing posts 1–6 of 6

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

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 { },

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

TIA.

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;
}

Wonderful. Thanks Ying, that worked.

No problem :)

This archived topic is closed to new replies.