Remove the padding on featured collection and make it full width of the page

ATGRFX
Shopify Partner
22 0 4

Hello, can someone give me the code to remove the padding on featured collection and make it full width of the page

My site is https://sevenemotions.com/

Any help is appreciated!

Replies 4 (4)

PageFly-Oliver
Astronaut
878 190 171

Hi @ATGRFX ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
.page-width{
max-width:95% !important
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

ATGRFX
Shopify Partner
22 0 4

It didnt work, i want there to be no white on the sides

evanescent
Shopify Partner
2 0 0

try adding this to the bottom of your base.css

 

.collection .slider-component-full-width {
    padding: 0! important;
}
.collection .grid__item {
    max-width: none !important;
}

 

hope that works!

 

evanescent
Shopify Partner
2 0 0

i noticed there was an issue with this code stretching out an image if it was alone in the last row.

 

.collection .slider-component-full-width {
    padding: 0! important;
}
.collection .grid__item {
   max-width: 50% !important;
}
@media screen and (min-width: 990px){
  .collection .grid__item {
     max-width: 25% !important;
  }
}

 

try this instead to fix that.