How to center featured products?

Greggy55
Excursionist
26 0 2

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)

BSSTech-Venture
Shopify Expert
327 77 81

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.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Greggy55
Excursionist
26 0 2

www.bactibarrier.co.za

 

password : southafrica

 

Thank you!

Team_OSC
Shopify Partner
101 14 16

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

- Need a Shopify Developer?

  Hire Me:  Upwork | Website:  Omni Site Creations
- Connect On: Chat on WhatsApp | Email: info@omnisitecreations.com
- Our Services:  Design Changes | Custom Coding | Modifications | New Website
- Your tip, my code.  Buy me a Coffee  ❤️
BSSTech-Venture
Shopify Expert
327 77 81

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 😍😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Team_OSC
Shopify Partner
101 14 16

Hi @Greggy55 

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

- Need a Shopify Developer?

  Hire Me:  Upwork | Website:  Omni Site Creations
- Connect On: Chat on WhatsApp | Email: info@omnisitecreations.com
- Our Services:  Design Changes | Custom Coding | Modifications | New Website
- Your tip, my code.  Buy me a Coffee  ❤️