Underline Issue

[Diptesh Das]

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

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Diptesh Das]

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

[Leo]

Add this CSS:

.saboxplugin-wrap a {
    background-image: none !important;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts