How can I adjust the left and right margins on my website?

Store Design
1

Hi,

I’d like to adjust the left and right margins on all pages on my site (please see screenshot attached). I would like max-width for the margin

Store URL: https://wowberrybites.myshopify.com/

Password: berrybites

Thanks!

winnado11_0-1622238776961.png
winnado11_0-1622238776961.png3491×1394 360 KB

1 Like
2

@winnado11

Please add the following code at the bottom of your assets/theme.min.css file.

.content-for-layout{
margin-left: 25px;
margin-right: 25px;
}

Hope this works.

Thanks!

1 Like
3

@dmwwebartisan

Thank you for writing the code. This not what I want. I actually want the “headings” text and body" text to move a bit out to both sides. Currently, it’s so in middle.

winnado11_0-1622253477151.png
winnado11_0-1622253477151.png3808×1498 406 KB

1 Like
4

@winnado11

Remove the old code and add the following code:

@media only screen and (min-width: 46.85em){
.image-with-text__inner { padding: 7rem 0rem !important; }
}

Hope this works.

Thanks!

1 Like
5

Thank you for writing the code. However, the body part has not been adjusted yet. How I can adjust the margin of this section that makes it too to both sides like the headings part you just did?

Thank you for your help!

winnado11_1-1622262085184.png
winnado11_1-1622262085184.png3345×1628 503 KB

6

@winnado11

Please add the following code at the bottom of your assets/theme.min.css file.

@media only screen and (min-width: 46.85em){
.collection-wrapper {padding: 0 0rem !important;}
.collection-list {padding: 1rem 0rem 0 !important;}
.page {padding: 5rem 0rem !important;}
}

Thanks!

1 Like
7

Thank you so much :slightly_smiling_face:

1 Like