Dawn theme | product page - how to add padding to the entire left side?

Store Design
1

Hi,

I’m wanting to move everything over a little bit to the left on my product pages.

This is so that it’s more in the centre but still left aligned (text).

Here is the preview link:

https://bfpmmytfdcs7ysgl-27058765902.shopifypreview.com

1 Like
2

@thelunalee ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

You can change the 100px to any value you wish. This will not take effect on mobile devices.

Kind regards,
Diego

1 Like
3

Amazing! Thank you!

4

@thelunalee

Add code Your assets/section-main-product.css bottom of the file.

@media screen and (min-width: 990px) {
.product:not(.product--no-media):not(.featured-product) .product__media-wrapper { max-width: 35% !important;}
product {
    margin: 0 auto;
    justify-content: center;
}
}

Thanks!

5

@dmwwebartisan

Hi,

I couldn’t get it to work, I think I may be pasting the code in the wrong place?

6

@thelunalee

Try this new code

Add code Your assets/section-main-product.css bottom of the file.

@media screen and (min-width: 990px) {
.product:not(.product--no-media):not(.featured-product) .product__media-wrapper { max-width: 35% !important;}
.product {
    margin: 0 auto;
    justify-content: center;
}
}
1 Like
7

how to add padding to the entire left side?

Use This Code…

@media screen and (min-width: 990px) {
.product:not(.product--no-media):not(.featured-product) .product_media-wrapper { max-width: 35% !important;}
product {
    margin: 0 auto;
    justify-content: center;
}
}
8

Thank you!

9

@bbqvilla

Please share screenshot what do you want!

Thanks!

10

Hello could you help me?

Heated Jacket – WintertimeWonder

Password is 123.

I would like to make margins on the sides, as you can see it is right on the border.
Thanks