How can I make a collection banner full width without white spacing?

[oliviagnaws]

hi I’ve noticed that the collection banner is the same width as the page width. I would like the collection banner to be 100% full width so there is no white spacing around it - which i noticed this is the color scheme gradient thing.
is there a way to remove this while keeping the collection title white?
this is the url: https://cferm0kqalqgnt80-20842677.shopifypreview.com/collections/best-selling

[Ninthony]

Fortunately it looks like the page-width class is applied to the collection banner itself and not the entire wrapper for the collection. You should be able to add this css to the bottom of your base.css file:

.collection-hero__inner.page-width {
    padding: 0;
    margin: 0;
    max-width: unset;
}

[PageFly-Richard]

Hi @oliviagnaws

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

[oliviagnaws]

Thanks so much it worked, do you know how do I remove that white border around it, you can see it between the menu and the banner?