How can I remove side padding from collection lists in Studio Theme?

[moodyc]

Hello everyone, I’m using the Studio Theme.

I would like the collection list padding on both sides removed so that it occupies the entire width of the screen. I have already coded for the collections to occupy 50% of the screen, but I am now realizing that the 0px margins on either side weren’t integrated on ALL collection lists. Having 2-4 collections isn’t also isn’t also possible with the code.

My site is Street Smarts and the password is smarts.

Here’s how I want it to look:

Here’s how the following collection links look, unfortunately:

[ZestardTech]

Hello there,

This preview link has expired.

[moodyc]

Thanks for letting me know. Here’s the updated link. The password is smarts.

[ZestardTech]

Hello There,

Admin go to online store → themes → actions → edit code
Find Asset >base.css and paste this at the bottom of the file:

.collection-list {
    justify-content: start;
}
.collection-list-wrapper.page-width.isolate {
    padding-left: 0;
    padding-right: 0;
}
.collection-list-title {
    padding: 0 5rem;
}

[ZestardTech]

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.