Site logo

Archived topic

links not underlined for woocommerce

16 replies · Started by Eva on August 28, 2020

Viewing posts 1–15 of 17

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

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

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

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

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

Hi there,

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

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!

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

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

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

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?

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!!

Give this a shot:

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

Let me know :)

That seems to work :-)
Thank you so much!

No problem! :)

This archived topic is closed to new replies.