How to center color swatches under products in Featured Collection (Impulse theme)

Store Design
, , ,
1

Hi everyone,

I’m using the Impulse theme and I’m trying to center the color swatches (those small circular color buttons) that appear under the product images in the Featured Collection section on my homepage.

Right now, they are aligned to the left, which makes the layout look unbalanced.

Does anyone know how I can center them with some custom CSS or code adjustments specific to the Impulse theme? I’ve attached a screenshot to show what I mean.

Thanks a lot in advance for your help!

Jordan221_0-1748875745751.png
Jordan221_0-1748875745751.png2872×1478 364 KB

2

Hi @Jordan221 .

May I see the store URL? Would be easier to debug and solve this. Thanks!

3

Hey @Jordan221

Shae your Store URL and Password if enabled.

Best,

Moeed

4

Hello,

https://alexiamorishop.com/

Passeword : chafra

5

Hello,

https://alexiamorishop.com/

Passeword : chafra

Thank you !

6

Thanks a lot !

7

Hey @Jordan221

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT

Moeed_0-1748884159716.png
Moeed_0-1748884159716.png1460×802 128 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

8

Perfect that’s work ! Thanks a lot for your help :slightly_smiling_face: