How to edit a Woocommerce generated page


Any idea on how I would add space to a woocommerce page, a page that I did not create through the wordpress pages area.

I would like the space between the navigation bar and the content below.

Thank you.

Hi @shahidul,

Thank you for your question.

Could you please share me the page URL from your site so that i can help you to add space?

Best Regards,

Website Page
There are a few page which will grow in number in time.

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS div#main {
    margin-top: 40px;

Hi Movin,

This does not seem to work. I tried the code below and it kind of worked. The only issue was when the site was viewed on a mobile or similar device there was a lot of empty space above the title.

.page-title, .widget .widget-title {
   margin-top: 30px;

Any other suggestions. Once again I just want to say that I really appreciate all the help you are providing.

I could confirm on your site that the CSS code i have shared is working fine.

To make it only work on desktop devices try adding the above CSS code in the following bracket.

@media screen and (min-width: 37.5em){