How can I center the 'Shop Now' button in the Sense theme?

Store Design
1

how can i shift this ‘shop now’ button to its vertical and horizontal center under the text?

the button appears to be very misaligned in this section.

shopify url: genhaat.com

ahana1605_0-1662434716087.png
ahana1605_0-1662434716087.png1920×1080 279 KB

1 Like
2

Hi @ahana1605

Please change the marging value from 55px to 20px in your index file template.

Screenshot 2022-09-06 092239.png
Screenshot 2022-09-06 092239.png1884×856 247 KB

3

Add this css at the bottom

Online Store->Theme->Edit code

assets->base.css

AnhTien_0-1662438440307.png

Best regards,

AnhTien

4

@ahana1605

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

#shopify-section-template--16414799888613__image-with-text .button { margin: 0 !important;}

Thanks!

5

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

.image-with-text__content .image-with-text__text+.button {
margin: 3rem auto 0;

}
Thank you.