Re: Collection page text

Solved

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

AZ2024
New Member
26 0 0

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,

Accepted Solution (1)
Ritu-25
Shopify Partner
129 26 15

This is an 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 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com

View solution in original post

Replies 7 (7)

Ritu-25
Shopify Partner
129 26 15

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 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com
AZ2024
New Member
26 0 0

Screen Shot 2024-02-21 at 9.04.19 pm.png

 

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

Ritu-25
Shopify Partner
129 26 15

Hey @AZ2024 , 

 

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

replace width: 100%  with  width: auto

 

Thanks, 

Ritu 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com
AZ2024
New Member
26 0 0

Hi,

 

It still is not working out correctly

 

Screen Shot 2024-02-22 at 9.18.10 am.png

Ritu-25
Shopify Partner
129 26 15

Hey @AZ2024 , 

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

 

 

Thanks, 

Ritu  

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com
AZ2024
New Member
26 0 0

Thanks for that.

Website: fe42cf.myshopify.com

Password: yeaffo

Ritu-25
Shopify Partner
129 26 15

This is an 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 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com