Archived topic
Underline Issue
3 replies · Started by Diptesh Das on July 15, 2020
I am using
/* Links Underline Design */
.entry-content a:not(.scriptlesssocialsharing):not(.button):not(.wp-block-button__link) {
text-decoration: none;
background-image: linear-gradient(transparent 2px,#2ed392 2px,#2ed392 4px,transparent 4px),linear-gradient(transparent 2px,#d8dce9 2px,#d8dce9 4px,transparent 4px);
background-size: 0% 6px,100% 6px;
background-position: 0 bottom,0 bottom;
transition: background-size 0.3s ease-in-out;
background-repeat: no-repeat;
padding-bottom: 4px;
color: #11b98f;
}
This CSS for the Hover & underline affects. But I have two issues.
1. While using "Simple Author Box" Plugin it's also underline the author's name and image. How can I prevent that from being underlined?
2. According to the CSS when you hover your mouse in any underline it will add an animation of the progress bar. But in this case, it's not working. How I can solve that?
Please let me know.
Thanks
Hi there,
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know :)
As per your, I added the website URL in the private URL field.
Kindly open any post and check the author box and you will see the underline issue.
After that please let me know how I can solve the issue.
Thanks
Add this CSS:
.saboxplugin-wrap a {
background-image: none !important;
}