Hi,
Can you guide me how to make the 3 boxes have effects like the big grid? For e.g., image will zoom in when hover over or colour changes.
Screenshot: http://www.sansan-bizconnect.com.sg/wp-content/uploads/2016/01/Screen-Shot-2016-01-29-at-5.46.11-pm.png
Hello joyceloh,
Please try to use your inspector (Ctrl+Shift+L) and inspect your Big Grid above and see as it is done and try to implement it yourself in the same way. Please notice that is not a simple task and require a lot of customizations. If you are not aware the steps in this regard, please consider hiring a freelancer/developer to implement this for you in our theme because we cannot provide custom services at the moment, sorry!
Thank you for your understanding!
Hi,
How about when user hover over, there is a black opacity overlay? Can you guide me with it?
Thanks!
Hi,
I’m not sure exactly what you mean but you could apply effects to the block elements like so:
.td_module_wrap:hover{
opacity:0.5;
}
You can search for more effects for the hover attribute if you wish to change the effect.
Thank you!
Hi,
How can I search for other effect for hover attribute?
Any link? or can you give me examples of CSS code?
Kindly advise.
Thanks!
I would like to have “grow effect” on the block elements
Screenshot of the hover attribute: http://www.sansan-bizconnect.com.sg/wp-content/uploads/2016/02/Screen-Shot-2016-02-01-at-6.26.28-pm.png
link of codes: http://designshack.net/articles/css/joshuajohnson-2/
Can you please help me with it because when i copy and paste l can’t seem to get it work…
My homepage Link: http://www.sansan-bizconnect.com.sg
Thanks!!!!
Hello,
you can replace the previous effect with this one:
.td_module_wrap:hover img{
transition: all .3s ease-in-out;
transform: scale(1.1)!important;
}
Thanks.
thank you soon much!
