adjust bottom margins dawn theme

[hillbrown]

hi! can someone help me figure out how to adjust my margins for every page except the homepage?

it looks like this:

https://ceramica-living-mock-up.myshopify.com/

pw: bohglo

[DelightCart · Accepted solution]

@hillbrown Go to assets/component-collection-hero.css and paste below css at bottom of file.

.collection-hero
{
margin-top: 100px !important;
}

[DelightCart · Accepted solution]

@hillbrown Go to assets/component-collection-hero.css and paste below css at bottom of file.

.collection-hero
{
margin-top: 100px !important;
}

[hillbrown]

this worked! thanks so much!

[hillbrown]

another question! the same thing is happening now with individual product page. would you help me solve this also? thank you!

[KetanKumar · Accepted solution]

@hillbrown 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-main-product.css->paste below code at the bottom of the file.

.product.grid {margin-top: 70px;}

[hillbrown]

this worked thank you so much!

[Ahsan_ANC]

Plz, explain a little bit more, about what exactly you want to do with your margins.

[OGGY12]

1. On the File menu, click Page Setup, and then click the Margins tab. Under Margins, select the options you want.
2. To change the default margins, click Default after you select new margin settings. ...
3. To change the margins for part of a document, select the text, and then set the margins you want.

Select the Page Layout tab in the toolbar at the top of the screen. Then in the Page Setup group, click on the Margins button. This will open a popup menu where you can select one of the preset margins or "Custom Margins".

I hope this is helpful. If you don't understand we can discuss more on these.