Equilibrium theme: Where do I put this code please?

This code doesn’t go in the index.php file, you’ll need to add it to your css file.

ahh ok just the guy gave his index.php for some reason,
Does it matter where it goes in the css?

Thanks for taking the time out to reply

It shouldn’t matter; just be sure you don’t put it within another definition (brackets).

K thanks will try it now.

Brilliant worked a treat, Thank you!! ??

Oh since putting the code in it’s made a big gap between LATEST and RECENT POSTS?
Do you know what code to look for in closing that gap please?
https://www.chrissayburn.com for reference

That gap is created by the code you put in. When you added .latest-content p {height:155px} to the css file, you made each of the latest post paragraphs the same height (155px) so that the “continue reading” link would be lined up. Since the link is also in a paragraph, it is made the same height, even when you don’t want it to.

Fortunately, your theme seems to apply the class moretext to the paragraph containing the read more link. To fix the issue, go into your css file where you added the code, and put this line below it:

.latest-content p.moretext { height: auto; }

That should fix the problem.

Actually, looking at your css, I think I’ve found the real reason your site is behaving as it is. You should definitely add the code I mentioned above, but I also found this line:

.featured-content p {height:110px}

You’re going to need to do the same thing for this one (this is why the major gap is occuring).

.featured-content p.moretext { height: auto; }

Catix you’re a complete legend,
Thanks I really appreciate it.

Thank you!

There’s just one more thing I think you should be aware of. If you scroll down to the “recent posts”, some of them have the “continue reading” link overlapping with the text. To fix this, you might want to increase the heights we set just a little bit. It looks like this height is 120px for the featured posts and 90px for the recent posts. I would try increasing them to maybe 120px and 110px respectively. This will make the posts a little bit longer, but hopefully it will stop the overlapping for most of them.

Good luck

Ahh yeah it was fine in Safari for me but clashed in firefox, i’ve made the amendments and it’s looking good!

I’m getting there, one more thing to tackle then done!

Thanks again.