Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
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.
Please share your store URL.
The first collection of tshirt I want to center the price of each t-shirt thank you.
@Souhiiii,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
.card-information__wrapper{
text-align: center;
}
</style>
Kind regards,
Diego
This is an accepted solution.
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.
@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
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;
}
add code your assets/base.css file .
Thanks!
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;
}
I tried making following changes but price is still aligned to left.
Please help!
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
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;}
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.
This worked for me
.card__information{text-align:center;}
.price{text-align:center;}
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024