Dawn 2.0 centering product name and price in collections

Store Design
1

Hi there!

I need to center the title and price of my collections and featured collection.

I also want to add text next to the price of my collection, where can I find the code to do that?

Thank you!

1 Like
2

@MirzaTBiH

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.

3

https://carmaspeed-example.myshopify.com/?_bt=eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaVZqWVhKdFlYTndaV1ZrTFdWNFlXMXdiR1V1YlhsemFHOXdhV1o1TG1OdmJRWTZCa1ZVIiwiZXhwIjoiMjAyMi0wMi0wOFQwMjo0OToxMS4zOTRaIiwicHVyIjoicGVybWFuZW50X3Bhc3N3b3JkX2J5cGFzcyJ9fQ%3D%3D–72cd37787c61e9520bcc0669b2b03688235a400e&key=46fe0fb9d0ddd848d724805d9ffaaa9e9a461dd156c11d3e309cf91962d0fd4d

That is my URL, eayews is the password if you need it

4

Hi @MirzaTBiH ,

  • With center: Go to Assets > component-card.css and paste this at the bottom of the file:
.card__information .card__heading,
.card__information .price{
	text-align: center !important;
}
  • With edit price: Go to snippets > price.liquid file

Hope it helps!

1 Like
5

So the centering worked at first until I added the text next to my price… Now my text next to the prices are correct but the price and name went back to the left. Any idea why this happened?

6

Hi @MirzaTBiH ,

I tested and it works fine with the code:

Screenshot_11.png
Screenshot_11.png1730×826 181 KB

Can you re-add the code, i will help you check it again

7

i’ve tried over 10 different codes for this on dawn 5.0 and this is the first to work for me.

1 Like