I have updated the Dawn theme as it, for some reason, didn’t have a remove from cart button at all but i have lost all my custom updates so i am starting again.
But what I want is to move my prices back over to the right-hand side on the collections pages and in line with the title in the same px and text.
See image for current and desired outcome.
@record28-2 this will need css updates, can you please share this page link?
Hi @record28-2
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.
Best regards,
Devcoder 
No this is my old theme still as i didnt want to publish the new theme until i fix the issues with it
this is the website www.record28.com
But this is my old theme still as i didnt want to publish the new theme until i fix the issues with it
i have now update and published the theme
The code can be like this – similar approach to what you have now.
Though it may not look great when product titles begin to wrap into second line.
@media (min-width:750px) {
.card__heading {
padding-right: 10rem; /* some space for price */
}
.card__heading + .card-information {
display:flex;
justify-content:space-between
}
.card-information .price {
margin-top: -1em !important; /* amend to match your font sizes */
}
}
This can go into Theme Settings-> Custom CSS.
Dies it go at the bottom of base.css?
Can go there as well.
Hey, Thanks so much. It looks like it works for now. Can you help me with any other small snags?
hmm. can still see the wrong code.
The following codes for product page should better go into “Custom CSS” of the “Product info” section to avoid side effects, but can be also added to the previous code.
For local pickup:
pickup-availability {
display: none;
}
For payment options:
more-payment-options-link {
display: none;
}
Move price to the right:
.product__info-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.product__info-container > * {
width: 100%;
margin: 0 !important;
}
.product__info-container > .product__title,
.product__info-container > [id^=price] {
width: max-content;
}
.product__info-container > [id^=price] {
padding-right: calc(100% - 44rem); /* to right-align with buttons */
}
Yeah this is a CSS change. You need to add some code to your theme that targets the product card price and floats it right while keeping the title left. Are you comfortable editing theme code or do you need the exact steps for where to add it in Dawn?
WOW! Thanks so much, you’re such a great help. Can I ask you for more advice whilst I have you here?
A few things:
