Solved

How to change the featured collections size

memahmudhassan
Excursionist
26 0 9

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/

 

Screenshot 2024-05-09 173541.png

MAHAMUD H.
Accepted Solution (1)

Anshul_arora
Navigator
390 112 78

This is an 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

Anshul_arora_0-1715257533309.png

 

I hope the code helps you.

Please share if you have any queries.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Replies 2 (2)

Anshul_arora
Navigator
390 112 78

This is an 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

Anshul_arora_0-1715257533309.png

 

I hope the code helps you.

Please share if you have any queries.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
memahmudhassan
Excursionist
26 0 9

Thanks a lot Anshul! Your solution worked!

MAHAMUD H.