[Resolved] links not underlined for woocommerce

Home Forums Support links not underlined for woocommerce

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #1421525
    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

    #1421615
    David
    Staff
    Customer Support

    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;
    }
    #1421678
    Eva

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

    #1421756
    David
    Staff
    Customer Support

    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

    #1421793
    Eva

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

    #1421993
    David
    Staff
    Customer Support

    Hi there,

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

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

    #1426190
    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

    #1426330
    David
    Staff
    Customer Support

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

    #1427019
    Tom
    Lead Developer
    Lead Developer

    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?

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

    #1427068
    Tom
    Lead Developer
    Lead Developer

    Give this a shot:

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

    Let me know 🙂

    #1427070
    Eva

    That seems to work 🙂
    Thank you so much!

    #1427075
    Tom
    Lead Developer
    Lead Developer
Viewing 15 posts - 1 through 15 (of 17 total)
  • You must be logged in to reply to this topic.