How can I center text in the Sense theme?

Store Design
1

Hi,

does anyone know how to centre text on the new Sense theme? I wanted to centre the text for product titles, pages, price and quantities.

Please help!!

Thank you

3 Likes
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

@gemmy1

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

is there a way to center footer contents too?

I tried

text-align: center; !important;

and it wont budge. only the heading centered.

1 Like
5

@mjdubarr

can you please share store url

6

I haven’t made “sense” theme live on my site yet.

The current theme I have is Dawn, and those titles and footer I managed to center. But I can’t with Sense. Do I have to publish it? It’s not done yet.

7

@mjdubarr

nope can you just sent store preview url

2 Likes
8

@KetanKumar

https://w9n5bnwgxn0b19pu-61148659958.shopifypreview.com

Hi. I didn’t know I could do that sorry. I hope the link works.

1 Like
9

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.product__text.caption-with-letter-spacing+.product__title {
text-align: left;
}
10

@mjdubarr

yes that’s your Dawn theme can i check this?

11

@KetanKumar

https://w9n5bnwgxn0b19pu-61148659958.shopifypreview.com

That’s strange this is the link I get when I click on share preview.

Here is a screenshot for reference.

668364CB-A886-4B14-BE17-CA9519FE2E2C.png
668364CB-A886-4B14-BE17-CA9519FE2E2C.png1170Ă—2532 144 KB

12

@KetanKumar

I published the new theme.

www.melaniejean.com

1 Like
13

@mjdubarr

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-footer.css ->paste below code at the bottom of the file.
.footer-block__details-content .list-menu__item--link {justify-content: center;}
1 Like
14

@KetanKumar thank you so much! this code works!

1 Like
15

@mjdubarr

its my pleasure to help us

16

https://thegempoint.com

Thank you!

17

@KetanKumar

https://thegempoint.com

18

@gemmy1

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.product__info-wrapper {text-align: center;}
.product__info-wrapper quantity-input.quantity {
    margin: 0px auto;
}
.product__info-wrapper quantity-input.quantity {
    margin: 0px auto;
}
19

@KetanKumar

Thank you for your help but I would like to change some things please:

  1. The code you gave centred the product description but I would like it to be aligned to the left

  2. Can you provide code to centre Page & Collection titles please?

Thanks again!

20

@gemmy1

yes, please hare again password work