Forum Replies Created

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor ckrahul

    (@ckrahul)

    Hi @ghspinheiro,

    Thank you for reaching out!

    You’re on the right track.

    Just apply the mask only to the text element (<p>) and set a fixed or 100% height so the fade appears only on the text, not on the button.

    p{
    position: relative;
    overflow: hidden; mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%); -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%); color: inherit; / Cor do texto */
    height: 100%;
    }

    Regards

    Plugin Contributor ckrahul

    (@ckrahul)

    @robaxxx

    Thank you for your feedback and suggestion — really appreciate it!

    We’ve implemented your recommended change in the latest update of the plugin.

    Thanks again for helping improve the plugin!

    Regards

    Plugin Contributor ckrahul

    (@ckrahul)

    Hi @johnsundialstudioscom

    The neighboring column expands when content is unfolded because of the Flex layout used in Elementor. This is expected behavior — in a Flex container, when one column’s height increases, adjacent columns within the same container may also stretch to match the tallest one.

    To resolve this, you have a couple of options:

    1. Apply height: 100% to the parent container of the Elementor widget, for example: .elementor-widget { height: 100%; }
      https://jmp.sh/b5evv9jG
    2. Use two separate Elementor columns, each containing its own Text Unfold widget. This ensures they behave independently without affecting each other’s layout.


    Regards

    Plugin Contributor ckrahul

    (@ckrahul)

    Hi @johnsundialstudioscom

    Thank you for reaching out!

    There is no such issue in the plugin – the neighboring column does not extend when unfolding the content.

    The behavior you’re seeing may be related to custom styles, scripts, or a conflict with your theme or another plugin. If you can share a link to the page or more details about your layout, we’d be happy to take a closer look.

    https://jmp.sh/s/p0u83bWaDG4X3tNbzhqg

    Regards

    Plugin Contributor ckrahul

    (@ckrahul)

    @magneetjeswinkel

    Thank you for your feedback and for taking the time to share your observations. I appreciate your honesty and your patience in addressing this concern.

    I want to assure you that there is no issue with how the HTML is rendered on the frontend when using the Unfold plugin. The text editor field in Elementor, including the Unfold module, is designed to support and display HTML correctly.

    The reason you are experiencing this issue is due to the theme you are using, BeTheme. The theme’s CSS is applying padding: 0 to all HTML tags, which is causing the list styles to be hidden. If you add some padding-left to the list, you should see the expected design.

    Here is a screenshot https://postimg.cc/PPNfNH6v for your reference to illustrate this behavior. Please try adjusting the padding, and you should see the correct output.

    I hope this helps resolve your issue. Thank you for using our plugin! If you need any further assistance, feel free to reach out.



    Regards

    Plugin Contributor ckrahul

    (@ckrahul)

    @magneetjeswinkel

    The text unfold feature has no issues with any kind of HTML tags, including lists. The behavior you’re experiencing is likely due to other settings or configurations on your site.

    You may want to check your editor or plugin configurations to ensure they are not interfering with HTML rendering.

    Regards

Viewing 6 replies - 1 through 6 (of 6 total)