adjust bottom margins dawn theme

Solved
hillbrown
Tourist
7 0 1

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

 

it looks like this:

 

Screen Shot 2022-08-17 at 10.58.19 AM.pngScreen Shot 2022-08-17 at 10.58.11 AM.png

 

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

pw: bohglo

Accepted Solutions (2)
DelightCart
Shopify Partner
1169 81 146

This is an accepted solution.

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

 

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

 

 

 

 

Delight Cart - Automatic Bundles & Discounts.
Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.

View solution in original post

KetanKumar
Shopify Partner
36688 3633 11880

This is an 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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 7 (7)
DelightCart
Shopify Partner
1169 81 146

This is an accepted solution.

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

 

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

 

 

 

 

Delight Cart - Automatic Bundles & Discounts.
Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
hillbrown
Tourist
7 0 1

this worked! thanks so much!

hillbrown
Tourist
7 0 1

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

KetanKumar
Shopify Partner
36688 3633 11880

This is an 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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
hillbrown
Tourist
7 0 1

this worked thank you so much!

Ahsan_ANC
Shopify Partner
1353 242 291

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

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
OGGY12
Shopify Partner
16 1 1
  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.