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: http://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 http://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;
}
