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?
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.
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...).
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.
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...
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.
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
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.
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
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.
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
Hello Attila,
If I give you acces to the back-office, it can be easier for you to manage this problem ?
Regards,
Crael
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.
Thank you. My colleagues and I will look into this to see if we can find anything, and get back to you shortly.
Thank you !
The slide in the link page is this one :
Layerslider > Afrique du Sud > Slide 22
Crael.
Hello Attila !
So any news ?
Crael.
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.
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.