Read more tag not visible (ECAE+more)

I am using Shapely and the plugin Easy Custom Auto Excerpt. to limit the amount of words of the excerpts on my site. This works fine. However I also want to add the functionality that I indivdually can add the <!–more–> tag (via the post editor) before that.

This actually cuts off the text on the right position however the “read more” link is not visible. Why?

I also added some custom css .more-link definitions without any result. It seems that the link is not displayed/inserted in the theme somehow. Or is it a complication with the mentioned plugin?

Hello there,

I hope you are doing well today.

That may be the case, please try deactivating the plugin to see if that helps.

Best Regards,
Support

You are right. Disabling the plugin and the ‘Read More’ link appears. Thanks.
However I can’t style it with the following.

.post-content .more-link:hover {
	display: block;
	background: #fff;
}
.post-content .more-link {
	display: block;
	content: "lese weiter";
	background: #fff;
}

.more-link {
	display: block;
	background: #fff;
}

a.more-link {
	content: "lese weiter";
	display: block;
	background: #fff;
}

it shows no effect.

and: how I could I limit the posts to a specific amount of letters without a plugin? can you give me a hint how to and where to adjust the code?

Hello there,

Could you please provide a link to your website so that I can inspect it and see the read more link?

Adding a character limit would require the aid of a third party developer to edit the code in WordPress. You can find one here:

https://colorlib.com/out/envatostudio

Best Regards,
Support

Hello there.
you can find the website here. search for “Read more”. only in the second article for which you have to scroll down a bit I used the excerpt with the “read more”-link.

however I can’t style it with custom css. see my trials with the code above (.more-link etc.). what is wrong with it?
I basically just want to have no background-color and the font in black with the content “lese weiter” and without the arrow and just a little padding to the article

And thanks for the hint for a third party developer. I might give it a chance.

all the best

hey there

Please add this CSS in appearance - customize - additional CSS

.post-content .more-link:after {
visibility: visible;
content: “lese weiter”;
display: block;
width: 140px;
height: 40px;
background: black;
line-height: 34px;
}

.post-content .more-link {
visibility: hidden;
}

Thanks!
Colorlib Support Team

works like a charm.

thanks a lot!

Thank you
I will close this case now, Feel free to contact us again if you have other questions Thanks!