Read more button for text block

Hi,

I have made a html block with a text blok including a ‘read more’ button. I don’t want the fade effect in the short preview of the text so i disabled that but now the read more button appears on top of the preview text. I tried to edit the margins/paddings but it did not work. How can i fix this so that the read more button appears under the preview text?

Also, is it possible to change the button to ‘read less’ when the complete text is expanded?
Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

The ” fade effect” is required for that “Read more” functionality, so I suggest enabling it back.

Unfortunately, there is no way to change the button text to “read less”, sorry.

If you have any additional questions, let me know.

Kind Regards

Ok, is it possible to make the fade effect smaller? There is a lot of space that looks empty, see screenshot.

Attachments:

You must be logged in to view attached files.

Hello,

You can try to use the code below:

.wd-collapsible-content.e-con:not(.wd-opened):after {
    background: linear-gradient(to bottom, transparent 55px, currentColor 70px)
}

Then adjust the height here: https://prnt.sc/bunjSyP-WZRC

Kind Regards

Thanks, with the provided code i was able to change the gradient effect from fade to a hard line.

Hello,

Great! So the topic can be closed?

Hopefully you are doing well.

Kind Regards

Yes topic can be closed, thanks.

Hello,

You are welcome! In case you need any additional help, I’d be more than happy to assist you.

Wish you all the best.

Kind Regards

[Author]

Posts