Move "Read more" square down via custom CSS

Posted in: Newspaper
Post count: 94
OuweAap
#14874
Jun 25, 2014 at 4:50 pm

Hi there,

Please see my website http://www.techplanet.nl.

I would really like to move the “Read more” squares (In Dutch “Lees verder”) down a little bit. I think they are by default to close to the text. Check here for an illustration: http://goo.gl/GO22Tm

And I would like the modification to be update proof, so it would have to be custom CSS code.
Can you supply me with that?

P.s. I’m using Block 6

Thanks dudes 🙂

Andre

Post count: 6600
Lucian
#14906
Jun 26, 2014 at 3:30 pm

Hi,

Add this CSS in Theme Panel -> Custom CSS:

.home .td_read_more {
position: relative;
bottom: -20px;
}

Thanks

  • This reply was modified 12 years by Lucian.
Post count: 94
OuweAap
#14910
Jun 26, 2014 at 3:43 pm

Perfect, thanks Lucian!

Post count: 94
OuweAap
#14911
Jun 26, 2014 at 3:47 pm

Unfortunately, it only works on my homepage, not the other pages. 🙁

Try it at http://www.techplanet.nl

Any idea how to fix that?

Post count: 94
OuweAap
#14912
Jun 26, 2014 at 3:52 pm

I figured it out, just removed the .home 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.