Basel – Custom CSS to remove double underline in Arrows and Carousel

…I managed to remove the underline from the arrows by excluding the .btn style, but I am still struggling to remove the second underline from the product title. Can you please help with this?

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

Elsie,
I think you misunderstood me :))) I said that “I managed to remove the underline from the arrows” but I still have a problem with the second underline from the product title.

Can you please tell me how to modify my CSS (or add a new piece of CSS) to remove the second red underline from the product-title?

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

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

Elise,

I disabled the style.
Now, the double underline disappeared = good.
Now, all links in .wpb_wrapper do not have underline = bad :))
See here: https://ibb.co/LNN8zT7

Please send correct CSS – I want to avoid double underline in product-title, and I want by default all links in .wpb_wrapper to have single underline.

Elise, it is the same page as in the beginning of this thread (in private content). I did what you asked me to, can you please provide an answer? Thanks

1) All I need is
a) to have ALL hyperlinks tag on PAges, Posts, and WooCommerce to have this style:

Example what I need is here: https://ibb.co/s5Jvtw4

3) As you told me on 16 August, I disabled the underline for links in the wpb_wrapper. Now, underline for all links has disappeared. You promised me to send me a correction for CSS.

.wpb_wrapper a:not(.btn) {
color: #C41E3A;
/* text-decoration: underline;*/

3) Here’s my custom CSS for links. Please tell me how to change it.
I have been asking the same question for 4 days.

/*Change default dressing of links*/
a:not(.tabs wc-tabs) {
color: #C41E3A;
text-decoration: underline;
}
a:hover {
color: red;
}
.wpb_wrapper a:not(.btn) {
color: #C41E3A;
/* text-decoration: underline;*/
}
.wpb_wrapper a:hover {
color: red;
}
.woocommerce-product-attributes-item__value a {
color: #C41E3A;
text-decoration: underline;
}
.woocommerce-product-attributes-item__value a:hover {
color: red;
}
.meta-post-categories a {
color: white;
text-decoration: none;
}
.meta-post-categories a:hover {
color: white;
text-decoration: underline;
}
.read-more-section a {
text-decoration: none;
}

Elise,

1) Text and Buttons Underline
I developed this CSS (please see below) which does what I want (it’s on https://www.independent.wine).

2) Please help me fixt this issue: Link to the Blog category becomes Red on red and is not visible.
I defined .meta-post-categories a {color: white;text-decoration: none;} – but it does not work.
I defined .meta-post-categories a:hover {color: white;text-decoration: underline;} – and it works perfectly.
You can see it here: https://ibb.co/dP5Fmp9
What should I change?

My full custom CSS for links:

/*Change default dressing of links*/
a:not(.tabs wc-tabs) {
color: #C41E3A;
text-decoration: underline;
}
a:hover {
color: red;
}
.wpb_wrapper a:not(.btn) {
color: #C41E3A;
}
.wpb_wrapper .wpb_text_column a {
text-decoration: underline;
}
.wpb_wrapper a:hover {
color: red;
}
.wpb_wrapper .btn a {
text-decoration: none;
}
.woocommerce-product-attributes-item__value a {
color: #C41E3A;
text-decoration: underline;
}
.woocommerce-product-attributes-item__value a:hover {
color: red;
}
.meta-post-categories a {
color: white;
text-decoration: none;
}
.meta-post-categories a:hover {
color: white;
text-decoration: underline;
}
.read-more-section a {
text-decoration: none;
}

Elise, thanks! it worked like a charm 🙂