"read more" should appear only by hovering over the item - how? « Support Forum | Kriesi.at

"read more" should appear only by hovering over the item - how?

4 posts from 2 voices

Tags:

colorit2
Member

Hi,

I love the effect, that only by hovering over the portfolio items at frontpage, the "read more" appears:

Example here:
http://www.suntimeluxury.com/
at frontpage and there at "Our Watches"

How can I do this effect in that way?

Thanks.

Posted 1 year ago #
Chris Beard

Hi,

you find the styling of the read more link, in this case
.template-portfolio-overview .more-link
You put the display to none, like so:
display:none;
Then, you add
.template-portfolio-overview .more-link:hover;
Here you set the display to block, like so:
display:block;

Let me know if it works :)

Posted 1 year ago #
colorit2
Member

works fine, thank you very much!

What CSS need I to edit in that way, to have this effect also at the frontpage concerning the blog post excerpts, that I show there?
Thanks.

Posted 1 year ago #
Chris Beard

Could you link me to your page?

Posted 1 year ago #