Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #168427

    Hi, I spent ages adding text shadows to my text on a layerslider only for it not to show in the live site. It works fine in the “preview”.

    I used text-shadow: 5px 5px 3px #b5b5b5 in the Custom Style Settings (after googling how to do it, I don’t know CSS)

    The live version also removes the font size so i then made the Custom Style Settings field as follows: font-size: 40px; text-shadow: 5px 5px 3px #b5b5b5 but i still don’t get a shaddow.

    Any ideas? Is this a bug? Tried searching the support forum but can’t find anything.

    p.s my site is not live yet but I can send you a login or give you access via IP address.


    Hi Heathcliffe!

    Please edit the text layer then go to Attributes, give it a unique selector id. For example “awesome-textshadow”. Go to Quick CSS field or edit custom.css, add the text shadow style on the unique selector:

    #awesome-textshadow {
    text-shadow: 5px 5px 3px #b5b5b5;

    Best regards,


    Hi Ismael,

    Thanks for the reply but this does not change anything. It still does not work.
    *all it does is make the font really small



    The code above has nothing to do with font size. Can you give us a link to your website please? We need to inspect it. A screenshot will help.


    This reply has been marked as private.


    You forgot to add the URL to your site :)

    Best regards,

    This reply has been marked as private.


    The solution was really easy, you just needed to add the final semicolon at the end of the text-shadow property.


Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Text shadow not working in LayerSlider’ is closed to new replies.