Center related products cards

[sonia-limone]

Hello!
I created my website that has only 3 products. I added a related products section inside my product template and I set it to 3 columns on desktop but the product cards align to the left and I would like to center the cards and the title. See screenshots below.

Thank you very much in advance!

[Moeed]

Hey @sonia-limone 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,

Moeed

[sonia-limone]

The page link is: sharkbikesardinia.com/products/noleggio-sharkbike

p: --

[suyash1]

@sonia-limone - can you please share this page link?

[sonia-limone]

The page link is: sharkbikesardinia.com/products/noleggio-sharkbike

p: --

[suyash1]

@sonia-limone - it is in the center already

[PageFly-Henry · Accepted solution]

Hi @sonia-limone 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

ul.grid.product-grid {

    display: flex !important;

    justify-content: center;

}

Additionally, on the home page, you can add a featured collection so users can quickly access your products from the home page.

Hope that my solution works for you.

Best regards,

Henry | PageFly

[sonia-limone]

Thank you very much! It worked!😍

"Additionally, on the home page, you can add a featured collection so users can quickly access your products from the home page."

Those two product cards under the title are a featured collection section with the main two products, but thank you for the advice!

[PageFly-Henry]

You are welcome @sonia-limone 😊