How to edit a Woocommerce generated page

Sparkling
1

Hi,

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.

2

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,
Movin

3

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

4

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

body.archive.tax-product_cat div#main {
    margin-top: 40px;
}
5

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.

6

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){

}