Center featured collection

Solved

Center featured collection

echosadmn
Excursionist
16 0 5

echosadmn_0-1717038002181.png

As you can see the desktop view of my store, the product card is aligned to the left. I was wondering how can I center this on desktop view. Currently the settings for featured collection is on Max 1 product and 2 columns. When I change that to 1 column the card gets massive and covers 90% of the space. I'd like to keep it the current size and have it centered. 

I'd appreciate your insights. 

 

Accepted Solution (1)
PageFly-Noah
Shopify Partner
1317 233 280

This is an accepted solution.

Hi @echosadmn  please add code here:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.collection slider-component ul{
   justify-content: center !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 5 (5)

PageFly-Noah
Shopify Partner
1317 233 280

This is Noah from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

echosadmn
Excursionist
16 0 5

sure thing. http://4541f8-c0.myshopify.com

Thanks

PageFly-Noah
Shopify Partner
1317 233 280

This is an accepted solution.

Hi @echosadmn  please add code here:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.collection slider-component ul{
   justify-content: center !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

echosadmn
Excursionist
16 0 5

Cheers, it worked! 

PageFly-Noah
Shopify Partner
1317 233 280

Thank you, Have a nice day  😉!

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.