Hi again boys and girls. 🙂
I’d like to customize the display of my posts on my homepage.
I’d like them to react in the same way as thise site : http://www.be-street.com/
1 ) Aka when the reader will hover over the display, a little fade will appear with a brief description and a read more button.
2) Also, I’d like to add my own social icons next to the category button on the upper left like the website above. How can I achieve that ?
Thanks in advance for your feedback ! 🙂
Hi,
As you can see on our demo no tagdiv blocks have this effect and you will need custom modifications for this, with a specific css for each module. Just the Big Grid blocks have a zoom effect.
You have to add this for each module with specific width and height(thumb size) and it is not so easy if you don’t have html/css experience. I provide an example how this works for module 10 – http://screencast.com/t/Gewgic8X5
Just paste this custom css in Theme Panel > Custom Css and check module 10(on a category for example or block 11):
.td_module_10:hover .td-module-thumb a:after {
content: '';
width: 218px;
height: 150px;
background-image: url("http://www.be-street.com/wp-content/themes/bestreet4/img/hover-full.png")!important;
background-size: 218px 150px;
display: block;
position: absolute;
z-index: 100;
top: 0;
}
2. The share buttons are available only on post pages and not for blocks/modules – http://screencast.com/t/9dZrSZfZYze – http://screencast.com/t/m7Rnxg3bQYK
Thanks!
Hi again Alin !
Another light speed feedback, so awesome.
Your tip is working like a charm, thank you very much !
