[Resolved] links not underlined for woocommerce

[Eva]

Hi,
I have added:

.inside-article p a, .inside-article li a, .inside-article p a:hover, .inside-article li a:hover {
border-bottom: 1px dotted #3a3a3a;
}

to my css to have links underlined site wide, and that works fine.
I just don’t want links underlined in my woocommerce web shop. How can I achieve this?
The site is behind a coming soon page, but I can send a bypass if needed.

Thank you,
Eva

[David]

Hi there,

try this CSS:

body:not(.woocommerce) .inside-article p a,
body:not(.woocommerce) .inside-article li a,
body:not(.woocommerce) .inside-article p a:hover,
body:not(.woocommerce) .inside-article li a:hover {
    border-bottom: 1px dotted #3a3a3a;
}

[Eva]

Thank you, David.
I tried, but nothing changes …. Any other option?

[David]

I would need to see the site so i can see what the issue is.
Can you provide a temporary login?

You can send it via the Contact > Account Issue form:

https://generatepress.com/contact/

Please include the URL of this topic in your submission

[Eva]

Just send a bypass link via Contact > Account Issue.
Thank you!

[David]

Hi there,

can you replace the CSS with the one i provided – so i can see why its not working?

[Eva]

OK, I did it and deleted it because it was not working… sorry! It’s back in now.
Btw, I just found out that images also are underlined while they shouldn’t be. I just want the links in the text underlined.
Thank you for your help!

[Eva]

Hi David,
I sent a bypass link via Contact > Account Issue last Friday. Did you have a chance to take a look? Thank you very much.
Best, Eva

[David]

Hi Eva,

sincere apologies that this slipped through the net.

Is it just the underline below the product images you want to remove the border style?

If so try this CSS:

.inside-article p a:not(.woocommerce-LoopProduct-link),
.inside-article li a:not(.woocommerce-LoopProduct-link),
.inside-article p a:not(.woocommerce-LoopProduct-link):hover,
.inside-article li a:not(.woocommerce-LoopProduct-link):hover {
    border-bottom: 1px dotted #3a3a3a;
}

[Eva]

Hi David,
Thanks again, but… no changes.
Maybe it’s better to tell you what I want: underline links in the text. So, for instance, if a link goes to the contact page, I want the word contact underlined. So, no underlining on imagelinks and woocommerce links. Maybe there is another way to do this…

Thank you,
Eva

[Tom]

Hi there,

I’m still seeing this CSS on your site:

.inside-article p a, .inside-article li a, .inside-article p a:hover, .inside-article li a:hover {
    border-bottom: 1px dotted #3a3a3a;
}

Can you update to the CSS that David provided and keep it so we can see why it’s not working?

[Eva]

Excuse me, Tom, I have now updated the CSS again, and it works! No underlining at the shop page. But images are still underlined. Is it possible to change that too? Thank you again!!

[Tom]

Give this a shot:

.inside-article figure a {
    border: 0 !important;
}

Let me know 🙂

[Eva]

That seems to work 🙂
Thank you so much!

[Tom]

No problem! 🙂

[Author]

Posts