Basel: Double underline displaying in different browsers

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

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

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

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

Best Regards

[Author]

Posts