Read more tag not visible (ECAE+more)

Shapely
#1

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?

#2

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

#3

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?

#4

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

#5

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

#6

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

#7

works like a charm.

thanks a lot!

#8

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