Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 8, 2018 at 10:41 pm #1007497
    OhYa1337

    is there a show more / show less option for long paragraphs?
    I guess kind of like the accordion, but where it hides the text that is defined between the simple Shortcode.
    By clicking on “Show More”, the hidden text expands to becomes visible
    & then you can click Show Less to collapse the area again

    Example:
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum agnis dis parturient montes, nascetur ridiculus mus. Show More

    and if you click the show more it would look like this,

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum agnis dis parturient montes, nascetur ridiculus mus.
    Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum agnis dis parturient montes, nascetur ridiculus mus.
    Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.Show Less

    September 8, 2018 at 11:02 pm #1007501
    Vinay

    Hey OhYa1337,

    Thank you for writing to us. At the moment there is no builtin option. You can use any plugin or modify this code https://kriesi.at/documentation/enfold/icon-box/#showhide-icon-box-content

    1. Enable custom CSS class support from Enfold theme options > Layout Builder.
    2. Add a custom class to your paragraph element.
    3. Use the class name in the jQuery code to make it work for you.

    Best regards,
    Vinay

    September 8, 2018 at 11:31 pm #1007505
    OhYa1337

    Thanks Vinay, Where would I put the CSS and jQuery snippets?
    im guessing the CSS goes in the main enfold custom CSS section?
    can the JQuery be in a code block on the page or does it have to go somewhere else?

    September 9, 2018 at 6:16 am #1007535
    Rikard

    Hi OhYa1337,

    You should be able to use both the CSS and jQuery in Code Block elements on the page if you like. Just make sure to place the code before the element which they are targeting though.

    Best regards,
    Rikard

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