Button underlined automatically after the update

Hello,

Please try to update the theme to the latest version 2.0.2 to fix the issue.

Or you can use the below CSS code to fix the issue.

.single .entry-content a, .page .entry a {
text-decoration: none;
}
.single .entry-content a, .page .entry a:hover {
text-decoration: none;
}

PS- In case CSS “doesn’t listen”, append !important

I updated the theme and tried to use the css code but couldn’t fix the issue. The page I have problem with is: https://www.masseriapapone.com

Hello,

That is quite odd.
Please go to Elementor > System Info and share the report with us so that we can take a look.

and Clear the entire browser/website/cloud cache.
Reset scripts via Theme Panel > Scripts & Styles, by disabling all, then enabling back again and saving changes.

Hello @abhikr781 I don’t use Elementor. I cleared browser, website and cloud cache. I did the reset script you suggest but issue is still there. Can you take a look please?

Hello,

Please try to replace the above code with this one and check.

.single .entry-content a, .page .entry a:hover {
    text-decoration: none !important;
}
.single .entry-content a, .page .entry a {
    text-decoration: none !important;
}

@abhikr781 even with last code you gave me result didn’t change. Is it maybe because it’s generated by woocommerce? But before theme update they were not underlined, how can I fix?

Hello,

That is quite odd, Please go to Elementor > System Info and share the report with us so that we can take a look.

@abhikr781 as I wrote you before, I don’t use Elementor.

Not an issue, please try to add the below CSS code and check.

.woocommerce ul.products a { 
text-decoration: none !important; 
}

Hello @abhikr781 I added the code you gave me. It solved problem on mobile, while on desktop I still have the issue. I deleted cache but the underline is still there? Can you please check https://www.masseriapapone.com ?

Thank you in advance

Ahhh, That is really very odd.

can you please share a snapshot of your custom CSS field or if possible copy all the custom CSS field code and share to check seems some braces missing that are causing the issue.

@abhikr781 here you are:

.blog-link a{color: #FFFFFF !important;}
.blog-link a{background: #25d366 !important;}
.blog-link a:hover{color: #000000 !important;}

.woocommerce ul.products li.product li.title a {
font-size: 20px;
}

button.single_add_to_cart_button.button.alt {
width: 320px !important;
font-size: 18px !important;
height: 45px !important;
}

@media screen and (max-width: 767px) {
.prova {
width: 100%;
}
}
@media only screen and (max-width: 480px) {
.site-breadcrumbs {
display: none;
}

.single .entry-content a, .page .entry a:hover {
text-decoration: none !important;
}
.single .entry-content a, .page .entry a {
text-decoration: none !important;
}
.woocommerce ul.products a {
text-decoration: none !important;
}

Hello,

As I told you, one bracket is missing in the above code.

Please try to remove the complete above code and add this one, and keep backup before doing the update.

.blog-link a{color: #FFFFFF !important;}
.blog-link a{background: #25d366 !important;}
.blog-link a:hover{color: #000000 !important;}

.woocommerce ul.products li.product li.title a {
font-size: 20px;
}

button.single_add_to_cart_button.button.alt {
width: 320px !important;
font-size: 18px !important;
height: 45px !important;
}

@media screen and (max-width: 767px) {
.prova {
width: 100%;
}
}
@media only screen and (max-width: 480px) {
.site-breadcrumbs {
display: none;
}
}
.single .entry-content a, .page .entry a:hover {
text-decoration: none !important;
}
.single .entry-content a, .page .entry a {
text-decoration: none !important;
}
.woocommerce ul.products a {
text-decoration: none !important;
}