drop shadow on layer slider text

Hey Eric,
The first one with “.home” may work better with this:

.home #layer_slider_1 .ls-wrapper.ls-in-out {
text-shadow: 5px 5px 3px #000000;
}

The second one “.history_page” doesn’t look valid, you should have a page ID like this: “page-id-206”

.page-id-206 #test .ls-wrapper.ls-in-out {
text-shadow: 5px 5px 3px #000000;
}

But it would be easier to actually see the page.

Best regards,
Mike

Hi,
To find the page id, I use the browser inspector (developer tools) Please see screenshot in Private Content area. But there are plugins that will show you the page id’s in your admin panel, such as: Reveal IDs
To add the text shadow to only one layer in your slide, you will need to add a unique id to the layer. So in this case, I opened your slide and went to the element in the “Link & Attributes” tab, and then added “lstest” in the “ID” box.
Please see screenshot in Private Content area.

I then added this code in the General Styling > Quick CSS field:

.page-id-584 #lstest.ls-layer {
text-shadow: 5px 5px 3px #000000;
}

Please clear your browser cache and check.
Please review the changes and adjust to suit.

Best regards,
Mike

Hi,
I’m glad this helped, The layerslider is designed to allow custom css in the slide, I’m just used to putting it in the General Styling > Quick CSS field, mostly because it will be exported with your theme options should you ever use that. The key point is adding the ID to the layer so the css will work.
Is there anything else we can assist with on this issue, or shall we close this?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike