Padding and animation

[lunalucenteskin]

Hi everyone,

How can i add a little bit more padding below the box, so under the text "*Results from a....". So that there is a little bit more room. And is it maybe possible to add an animation on the boxes when hovering over it with mouse on desktop and touching it on mobile.

url is www.lunalucente.com

[pawankumar]

Hi @lunalucenteskin 

<style>
.m-icon-box--vertical .m-icon-box__content {
    margin-block: 20px;
}
.m-icon-box__content:hover {
    transform: scale(1.025);
}
</style>

Please put this code in theme.liquid before body closing tag </body>
It will add bottom padding and scale the box a bit upon hover

Thanks!

[lunalucenteskin]

The scale when hovering works perfect but the padding below the text " *results...." don't 

[pawankumar · Accepted solution]

Hi @lunalucenteskin 
Remove style word

Then it will work fine

Thanks!