Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 22, 2015 at 5:56 pm #523181
    ttomasini

    How do I Underline Layer text in Advanced LayerSlider

    October 22, 2015 at 11:56 pm #523378
    Yigit

    Hi Andy!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .ls-l {
    text-decoration: underline;
}

    If that does not help, please post the link to your page

    Cheers!
    Yigit

    October 23, 2015 at 12:16 am #523390
    ttomasini

    That CSS underlines all text in all layers in all our Advanced layer sliders.

    I want to be able to underline specific text in specific layer.

    For example, on the site below, look at the last 4 sliders on the page (Connect, Grow, Serve, Go).

    I want to only underline the green “How to” text on each slider.

    That text is a separate layer on each slider.

    http://www.hessel.org/images-dev/

    October 23, 2015 at 2:34 pm #523842
    Yigit

    Hi!

    Please use following code instead

    .ls-slide p:nth-child(5) {
    text-decoration: underline;
}

    P.S.: In your first slide, first line of text is not set to H1. Please change it to H1 so code would work correctly on all slides.

    Regards,
    Yigit

    October 23, 2015 at 6:17 pm #524051
    ttomasini

    Thanks, most formatted as desired.
    When I create new slides with multiple layers, please explain how I indicate the layer(s) I want underlined and leave the others plain.

    October 26, 2015 at 6:47 am #524658
    Ismael

    Hi!

    Edit the layer then go the Attributes panel. Add a unique class or id to that layer. Use “underline_layer” in the class field for example then use this in the Quick CSS field:

    .underline_layer {
text-decoration: underline;
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.