Add Woocommerce store top-padding

[uxmediahouse]

Hi,

Is there a way to add padding to the top of the whole woocommerce store pages? Without adding it to the whole site? There seems to be no top padding at all on the woocommerce pages, and I cant seem to target the whole store.

sorry, i posted this in peer-to-peer, and I dont know how to delete that post.

[rad]

Hi Andrew,

Thanks for reaching out.

That could be possible, example, please add this to Theme Options > CSS.

body.woocommerce {
padding-top: 100px;
}

Now, what I’m not sure if you’re referring to the top padding of the content, if yes then it’s the space between header and content which can be achieve like this

body.woocommerce .masthead{
padding-bottom: 100px;
}

Hope this helps.

[uxmediahouse]

Thanks! I did this by adding a custom div with specific height in this page, via the child theme:
wp-content/themes/pro/framework/views/renew/woocommerce.php

[paul.r]

Hi @coloradodesigngroup,

That will work, but I would recommend using the css that my colleague have provided.

body.woocommerce .masthead{
    padding-bottom: 100px;
}

Thanks