How can I adjust margins to create a full-width section?

Store Design
,
1

Screenshot 2023-07-05 at 5.27.28 AM.png
Screenshot 2023-07-05 at 5.27.28 AM.png2880Ɨ742 107 KB

How can I make this section full width? I tried to change the margin but it made it look weird.

Website - https://provengrit.us/pages/countdown

1 Like
2

Hello @ProvenGrit

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.page-width.text-center {
    max-width: 100% !important;
}
1 Like
3

@ProvenGrit

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media (min-width: 750px){
#shopify-section-template--19837156950320__ea48bdf9-7851-42fe-8c7a-1e35c3e7b5e2 .page-width {
    max-width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
}
#shopify-section-template--19837156950320__ea48bdf9-7851-42fe-8c7a-1e35c3e7b5e2 .index-section {
    margin: 0px!important;
}
}
1 Like
4

Hi @ProvenGrit
Its SideNode! We will be happy to help you today.

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.index-section.newsletter-container {
    margin: 35px 0px!important;
}
.index-section.newsletter-container .page-width {
    padding: 0px;
    max-width: 100%;
}

If I was able to assist you, please remember to give it a Like and Mark it as the Solution!
Let me know if need further assistance
Regards,
SideNode

1 Like
5

@ProvenGrit

welcome Again!

Thanks!

6

Hi @SideNode

Iā€™m having the same problem, specifically in the grid of my product page. I am using a 3rd party theme called Alchemy. I was wondering if you could help?

URL: rebellivn.myshopify.com