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

Hi guys, thanks again for the wonderful theme, it’s a pleasure to work with, very customizable.
I added CSS to make links in red color. Can you please give me CSS to do two things:

1) Remove red underline from arrows in Carousel (see this page: https://test.independent.wine/)

2) Remove second grey text-underline from class=product-title in product Carousel. (see this page: https://test.independent.wine/)

See image which shows what I want to remove: https://ibb.co/rpWcFsQ

Thank you for your help!
Oleg

Hello,

You need to find the CSS in Custom CSS of the Theme Settings and remove the line shown on the screen: https://gyazo.com/a8598f98becbf0f2bd3b5aca7de35203

As soon as you remove the underline under the product title would also disappear.

Best Regards

Elise, thank you!
But if I do this, all underline from all links will disappear. The only underline I want to remove is (a) underline from the arrows (b) second underline from the product name.

Here is my overall CSS for links, what should I change?

/*Change default dressing of links*/
a:not(.tabs wc-tabs) {
color: #C41E3A;
text-decoration: underline;
}
a:hover {
color: red;
}
.wpb_wrapper a {
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;
}

Thanks for your help!

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

That is fine. If you have any questions please feel free to contact us.

Best Regards

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

Hello,

These styles are caused by this custom CSS: https://gyazo.com/a8598f98becbf0f2bd3b5aca7de35203 remove this style and tell me what element you wanted to underline, I will provide the correct CSS.

Best Regards

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.

Hello,

Please provide all the pages URL and screens where you want to make link underline.

Best Regards

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:

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

b) I don’t want product-title to have second underline

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

Hello,

Almost all the links have the same classes that are why I need to know certain places.

Let’s do the following.

Pages, posts – insert the class to the text block where you want links to have the underline.

As for the Woocommerce templates, provide URLs and screens.

Best Regards

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

Hello,

Please have a look at the screen: https://prnt.sc/u65zxy

Please add this code to the Theme Settings > Custom CSS > Global:

.meta-post-categories a{
color:white!important;
}

Best Regards

Elise, thanks! it worked like a charm 🙂

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

Best Regards

[Author]

Posts