How to center price product in featured collection in dawn theme

Store Design
1

Hello can you guys give me a solution I use the dawn theme and I have a featured collection and I need the price of the products in this collection to be in center I tried text-align:center but I don’t know which file to put it.

Thank you so much for your help guys.

1 Like
2

@Souhiiii

Please share your store URL.

1 Like
3

https://clubchamfeur.com/

The first collection of tshirt I want to center the price of each t-shirt thank you.

1 Like
4

@Souhiiii ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

Kind regards,
Diego

5

@Souhiiii

Please add the following code at the bottom of your assets CSS file.

.card-information__wrapper{
text-align: center;
}
.card-information__wrapper>.price{
display: block;
}

Hope this works.

2 Likes
6

@dmwwebartisan hey thank you it was very helpful but what about the title of the same collection how can I center it thank you so much in advance you been great help

7

@Souhiiii

Please add the following code at the bottom of your assets CSS file.

.card-information__wrapper>* {
    text-align: center !important;
}

.card-information__wrapper>.price {
    color: rgb(var(--color-foreground));
    text-align: center !important;
    display: block !important;
}
8

Hi,

I want to centre align the strikethrough prices on my store or make the current price appear under the striked one, the product for which there is no strikethrough prices are already centre aligned.

The store URL is damerrano.com

Thanks

9

@dmwwebartisan which Assets? base.css?

i’m lost

10

@mjdubarr

add code your assets/base.css file .

Thanks!

11

@Damerrano77

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-price.css ->paste below code at the bottom of the file.
.card-information .price--on-sale .price__sale {justify-content: center;}
12

@dmwwebartisan

Thank you so much!

The code to center pricing worked great! But the code to center collection title didn’t work. Am I missing something?

This one right?

.card-information__wrapper>* {
text-align: center !important;
}

.card-information__wrapper>.price {
color: rgb(var(–color-foreground));
text-align: center !important;
display: block !important;
}

13

I tried making following changes but price is still aligned to left.

Please help!

14

I am trying to center the prices on my website as they are all aligned to the left. I am using the Dawn theme and have tried all the different codes in this thread however none are working.

15

This worked for me

.card__information{text-align:center;}
.price{text-align:center;}

2 Likes