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

Store Design
1

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,

2

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

3

Screen Shot 2024-02-21 at 9.04.19 pm.png
Screen Shot 2024-02-21 at 9.04.19 pm.png2246×1030 137 KB

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

4

Hey @AZ2024 ,

In “component-card.css” find “.card-information”.

replace width: 100% with width: auto

Thanks,

Ritu

5

Hi,

It still is not working out correctly

Screen Shot 2024-02-22 at 9.18.10 am.png
Screen Shot 2024-02-22 at 9.18.10 am.png2162×906 10.4 KB

6

Hey @AZ2024 ,

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

Thanks,

Ritu

7

Thanks for that.

Website: fe42cf.myshopify.com

Password: yeaffo

8

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