Dex, thanks for your reply. I checked out both extensions and they look very powerfull. Installed and had a play around with them, and they both do what I was looking for - although unfortunately they both destroyed my layout (simply because they need to be used in their own positions, which means I would have to style my layout again etc..)
anyway - while I will certainly look at both extensions again for my upcoming projects, I did manage to create a cool and very simple CSS solution for my problem that I am pretty proud of (I still call myself a newbie - ha!)..
I was already creating my blog posts with a simple template extension (
Content Templater), so it was just a case of adding the following to my simple template:
- wrapping my article text in a div of it's own (
.myText)
- creating a style for it, with a specified height, and overflow hidden, that only is read on my home page:
.blog_homePage .myText
{
height: 300px;
overflow: hidden;
}
- Insert a READ MORE button just below the .myText div
Works perfectly, and so incredibly simple. The template generates every article on the home page with a height of 300px. Click the "read more" and you are taken to the article itself displayed in full!