Re: How to center featured products?

How to center featured products?

Greggy55
Excursionist
32 0 3

Hello everyone, 

 

I want to center my featured products. It i only displaying on the left hand side. I want it center. 

 

Thank you!

Replies 5 (5)

BSSCommerce-HDL
Shopify Partner
2305 833 904

Hi @Greggy55Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Greggy55
Excursionist
32 0 3

www.bactibarrier.co.za

 

password : southafrica

 

Thank you!

Team_OSC
Shopify Partner
157 18 23

Hi @Greggy55 

If you want to align the width of your featured products with the above collection list width then:

1. Go to Online store > Customize

2. Select featured collections section

3. Uncheck this option (Mark in red box)

test.png

4. Click Save.

 

After this, your featured products section align with the other section.

I hope you want this. If yes, accept this solution.

 

For any other queries, please reach us.

 

Regards,

Trishnapare | Team_OSC

BSSCommerce-HDL
Shopify Partner
2305 833 904

Hi @Greggy55

You can try this code by following these steps:

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

BssTechVenture_1-1715772450583.png

 

Step 2: Search file base.css, theme.css or styles.css 

BssTechVenture_2-1715772460756.png

 

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

 

.grid.product-grid.contains-card.contains-card--product {
    justify-content: space-around;
}

 

Here is result: 

BssTechVenture_0-1715772359368.png

 

Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Team_OSC
Shopify Partner
157 18 23

Hi @Greggy55 

Please provide your store URL and password if it is password protected. Also the name of the theme.