How to change the featured collections size

[memahmudhassan]

I want to change the size of my featured collection section. It's don't looks good with full page, how can I change the size? For the desktop only. Don't want to change for phone.

Website: https://prettycious.com/

[Anshul_arora · Accepted solution]

Hello @memahmudhassan ,

I understand you are looking to provide margin on the left and right side of the Featured Collection section.

You can implement this change by applying below mentioned CSS code.

Please add the code at the bottom of the theme.liquid file before </body> tag and save.

<style>

@media screen and (min-width:750px) {

.section-spacing:not(.section-spacing--padded) {
margin-left: 80px !important;
margin-right: 80px !important;
}
}

</style>

[Please feel free to change the margin px size as per the requirements.]

Output -: https://prnt.sc/OapGjot84jJJ

I hope the code helps you.

Please share if you have any queries.

Thank you.

[memahmudhassan]

Thanks a lot Anshul! Your solution worked!

[theBoldDetour]

I cant get this to work in my store, does it work on the dawn theme? Right now my desktop website looks awful!