[Support request] link hovering gradient colour

[Sanu Kumar]

.entry-content a:not(.button):focus, a:not(.button):hover,
li:not(.main-navigation):hover {
background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
background: linear-gradient(to right,#ff8a00,#da1b60);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
text-shadow: none;
text-decoration: underline;
}

This code is not working properly.

I want these effects only on H1 and sidebar.

[Leo]

Hi there,

Currently, all styles are coming from Elementor on your pages.

Have you checked with their support to see how you can tweak the code to the desired result?

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

[Sanu Kumar]

It is not working even when the Elementor was not using.

[David]

Hi there,

not sure about the H1 as this is not a link and only used in the single post.
But this CSS will apply to the post titles in the blog and any links within a list inside the sidebar:

.elementor-posts .elementor-post__card .elementor-post__title:hover, .sidebar ul li:hover a {
    background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
    background: linear-gradient(to right,#ff8a00,#da1b60);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-shadow: none;
    text-decoration: underline;
}

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

[Author]

Posts