Okay
  Public Ticket #1697275
How to override theme link color
Closed

Comments

  • Crael started the conversation

    Hello,


    I would like to display all the text (and its background) of a layer with a hover effect, but the links in this text use the theme settings and not the layerslider's one.

    The problem is that my links always remain visible. Is it possible to override the theme settings so that my text and its background only appear when I hover over the image and then (eventually) my links appear in a different color when they are hovered?

    I hope it's clear enough...

    Thank you.

    Crael

  •  335
    Attila replied

    Hello Crael,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    I believe the best approach to this would be to prevent your theme from applying its custom styles on the slider. Unfortunately this can only be achieved from the theme's end. I'd recommend to contact your theme author, they should be able to provide you with instructions on how to turn off this theme behavior, so the slider can use its own stylings without being overwritten by the theme.

    Best Regards,
    Attila | Kreatura Support Team

  • Crael replied

    Hello,

    Thank you for your answer.

    I've contacted the theme author and he says me that it can be done with a custom css. Do I have to put the custom CSS in the layer I want to hover ? In fact,I want all my text to appear when I hover the layer, and maybe the link color change when I hover it too (so second hover...).

    Is there a custom CSS for that ?

    Regards,

    Crael


  •  335
    Attila replied

    You can apply custom CSS for individual layers in the Styles tab of the corresponding layer. There is a Custom CSS field for it. Or you can apply custom CSS on the whole slider in the Slider Settings -> Appearance tab if you would like to.

    Best Regards,
    Attila | Kreatura Support Team

  • Crael replied

    Hello Attila,

    I'd ask the theme author but they telling me to ask to kreatura to find a solution. I'm using elementor to put the shortcode into the page. As you see in this link, I just want the link to disappear when I don’t hover over the picture… Any idea ?

    Layerslider is really a great plugin, but this little thing is crashing all my link strategy because of this behaviour...

    Regards,

    Crael

  • Crael replied

    Hello Attila,

    If I give you acces to the back-office, it can be easier for you to manage this problem ?

    Regards,


    Crael

  •  335
    Attila replied

    If you set up a temporary WP login for us, we can check on this in the admin to see if there's anything that can be done from our end. But unfortunately as this problematic behavior is generated by your theme in the first place, as they are overriding our settings, it's possible that we cannot adjust it from our end, only they can.

    Best Regards,
    Attila | Kreatura Support Team

  •   Crael replied privately
  •  335
    Attila replied

    Thank you. My colleagues and I will look into this to see if we can find anything, and get back to you shortly.

    Best Regards,
    Attila | Kreatura Support Team

  • Crael replied

    Thank you !


    The slide in the link page is this one :

    Layerslider > Afrique du Sud > Slide 22

    Crael.

  • Crael replied

    Hello Attila !

    So any news ?

    Crael.

  •  335
    Attila replied

    Please copy the following code to the LayerSlider -> Options -> CSS Editor field:

    .ls-container .ls-layers a {
        color: inherit;    
    transition: none;
    }

    This should fix the theme overwriting issue.

    Best Regards,
    Attila | Kreatura Support Team

  • Crael replied

    well done !
    Yeah it's fixed ! thank you very much !

    If it's possible, do you know how to add a color to the link text when someone hover it please ?

    But anyway, it work fine like this, thank a lot Attila !
    Regards,

    Crael.