Home › Forums › Basel support forum › Basel: Double underline displaying in different browsers

Basel: Double underline displaying in different browsers

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 1, 2021 at 6:00 pm #263051

    oleg_dmitriev
    Participant

    Hi Elise,

    Thank you for your excellent support with all other queries. Can you please help me to identify what’s causing my problem with custom CSS on this page https://www.independent.wine/?

    Microsoft Edge (https://ibb.co/RSG7VDx), Firefox (https://ibb.co/nBjnPH6) and Samsung mobile browser changed displaying double underline for Arrows and h3 class=”product-title” – this is a problem

    In the same time, Chrome (https://ibb.co/Gt5fzgj) and Opera (https://ibb.co/KFRZBWL) do not show double underline – this is how it should be.

    Can you please suggest Custom CSS to remove the second underline in Edge and Firefox? thank you

    February 1, 2021 at 6:40 pm #263058

    Elise Noromit
    Member

    Hello,

    Please remove this custom CSS fromt the Theme Settings > Custom CSS

    a:not(.tabs wc-tabs) {
    color: #C41E3A;
    text-decoration: underline; 
}

    Then, if you want a red underline for the product title, add this code: 

    .basel-hover-alt .product-title a {
    border-color: #C41E3A;
}

    Best Regards

    February 1, 2021 at 11:34 pm #263125

    oleg_dmitriev
    Participant

    Hi Elise, it worked like a charm – thank you!
    I didn’t use the red underline yet, but I will keep it in reserve.

    February 2, 2021 at 2:31 pm #263301

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)