How can I center product text and price under images in the Dawn theme?

Store Design
1

Hey, I would like to center the product text + price under the product image. Does anyone know how to code it?
I am using the dawn theme
My Store is brokenmind.com PW: TESTX
Thanks in advance

Screenshot_38.png
Screenshot_38.png945×627 103 KB

2

in your css

.card__heading , .card-information {

text-align:center;}

1 Like
3

hey thx for your help. I pasted the code however only the product name moved and the price stayed at the same position

4

try this instead I think the common was trowing it off

card__heading, .card-information {
text-align: center;
}

5

with this version, neither the text or the price moves to the center

6

oh duh on my part… thats because your copy and pasting it in lol, don’t forget the . in front of the css so it should be

.card__heading, .card-information {
text-align: center;
} 
/* if that doesn't work  try*/
.card__heading {
text-align: center;
}
.card-information {
text-align: center;}
7

hey i tried both versions, sadly only the name moves to the center

8

Hey ,
Welcome to the Shopify community!
You can follow the instruction below:
please add this to your CSS file.

.card__content .card-information {
    text-align: center !important;
}

If you feel like my answer is helpful, please Like and mark it as a solution**.** Let me know if you have any further questions.
Thank you!
Raman

1 Like
9

thanks a lot