How can I modify text placement on the Dawn theme collection page?

[AZ2024]

Hello,

I am using Dawn theme. 

How can I change the text on the Collection page so that under the product image it says the Product name on left & Price on right?

Thank you,

[Ritu-25]

Hey @AZ2024 , 

Hope this helps 

Add this CSS into "component-card.css". 

.card__information {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
}

Thanks, 

Ritu 

[AZ2024]

Hi, It still doesn't have the price totally on the right.

[Ritu-25]

Hey @AZ2024 , 

In "component-card.css" find ".card-information". 

replace width: 100%  with  width: auto

Thanks, 

Ritu 

[AZ2024]

Hi,

It still is not working out correctly

 

[Ritu-25]

Hey @AZ2024 , 

Please share the website URL here so i can check it further.

Thanks, 

Ritu  

[AZ2024]

Thanks for that.

Website: fe42cf.myshopify.com

Password: yeaffo

[Ritu-25 · Accepted solution]

Hey @AZ2024 , 

Thanks for the url. 

Please add this css in "component-card.css"

.card__information {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card-information {
    width: auto !important;
}
.price {
    margin-top: 0px !important;
}

Thanks, 

Ritu