How can I remove the center padding in my collection page?

Technical Q&A
1

How do i remove the center padding, so that collection page looks like this:

sondreskskfsghj_0-1676576712731.png
sondreskskfsghj_0-1676576712731.png584×664 303 KB

instead of this:

sondreskskfsghj_1-1676576729126.png
sondreskskfsghj_1-1676576729126.png543×574 275 KB

store link: https://8c2dd1-3.myshopify.com/collections/best-sellers

2

Hi @sondreskskfsghj ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

#CollectionSection .page-width {
    max-width: 97% !important;  
}

.grid__item {
    padding-left: 1px !important;
}
.grid {
    margin-left: unset !important;
}
3

Hello @sondreskskfsghj ,

You can follow these steps:

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

GemPages_2-1676609639059.png
GemPages_2-1676609639059.png1724×864 133 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1676609593034.png
GemPages_1-1676609593034.png1500×880 71.9 KB

4

Hi @sondreskskfsghj

I hope you are doing good and welcome to the Shopify Community!
I am Santanu from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).

Please add this css in your bottom of the css file:

.grid-product .shopify-product-reviews-badge {display: none !important;}

Regards,

Santanu