Want to center align featured collection on Sense theme

Store Design
1

Hi all,

How do I center everything in this collection?

It is currently aligned to the left of screen.

Website URL: genhaat.com

Screenshot (1313).png
Screenshot (1313).png1920×1080 267 KB

1 Like
2

Hi,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
#Slider-template--16414799888613__featured-collection {
    justify-content: center;
}
3

@ahana1605

Please add the following CSS code to your assets/base.css bottom of the file.

.grid {justify-content: center;}
#shopify-section-template--16414799888613__featured-collection .title-wrapper--self-padded-tablet-down { text-align: center;}

Thanks!

4

please add below css code in bottom of assets/base.css file

.collection__title.title-wrapper {
text-align: center;
}
.grid.product-grid {
justify-content: center;
}

Thank you.