Hello!
Is it possible to create an hover effect of one 1/3 Colum do make by hover the whole column bigger?
Thanks for your answer!
topnetat
Hey topnetat,
Well, the hover can be done, changing the color maybe, but I am not sure the scaling can be done that easily.
Best regards,
Victoria
How can the hover be done? Wich code?
Hi,
Can you provide a link to your site page in question so we can look into this further?
Best regards,
Jordan Shannon
Hi,
I’m already seeing a hover effect in that section.
Best regards,
Jordan Shannon
Hi,
Thank you for the link, to apply this to your site please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
.flex_column.av_one_third {
webkit-transition: -webkit-transform .15s cubic-bezier(.4,0,.2,1);
transition: -webkit-transform .15s cubic-bezier(.4,0,.2,1);
transition: transform .15s cubic-bezier(.4,0,.2,1);
transition: transform .15s cubic-bezier(.4,0,.2,1),
-webkit-transform .15s cubic-bezier(.4,0,.2,1);
}
.flex_column.av_one_third:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
While this does work, I recommend that to add a custom class to the 3 columns and add that to your css so that the css won’t be working on all 1/3 columns.
After applying the css, Please clear your browser cache and check.
Best regards,
Mike
It’s working fine – Thank you very much!!
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon
Thank your Jordan Shannon! I would need some help by this, if its your topic too? I would be glad to hear from you!
Best regards