-
AuthorPosts
-
February 14, 2020 at 10:13 am #1184445
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
February 15, 2020 at 6:14 pm #1184779Hey 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,
VictoriaFebruary 15, 2020 at 9:51 pm #1184860How can the hover be done? Wich code?
February 15, 2020 at 11:22 pm #1184877Hi,
Can you provide a link to your site page in question so we can look into this further?
Best regards,
Jordan ShannonFebruary 15, 2020 at 11:35 pm #1184883This reply has been marked as private.February 16, 2020 at 5:06 am #1184919Hi,
I’m already seeing a hover effect in that section.
Best regards,
Jordan ShannonFebruary 16, 2020 at 11:11 am #1184953This reply has been marked as private.February 16, 2020 at 2:01 pm #1184970Hi,
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,
MikeFebruary 16, 2020 at 6:12 pm #1184994It’s working fine – Thank you very much!!
February 16, 2020 at 7:08 pm #1184998Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan ShannonFebruary 16, 2020 at 7:14 pm #1185001Thank 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
February 17, 2020 at 6:23 am #1185112 -
AuthorPosts
- The topic ‘Hover on Colum effect’ is closed to new replies.
