Change the sizing and move the price for the product titles on the collection pages

[record28-2]

Hey, I am looking to move the price on the updated version of my dawn themes within collection pages to sit to the right of the description (not below) and directly underneath the image. Id also like to standardise all sizing of titles, vendor and price and set them at 10 or maybe 12px.

Here is a screenshot of what it looks like now and what I’d like it to look like.

here is the store https://www.record28.com/

Thanks in advance for any help, Nick

[Moeed]

Hey @record28-2

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[record28-2]

Hello,

Thanks for the super quick response. It works great on a desktop from what I can see but it is messing up my Mobile view, is there a quick wy to isolate this to desktop-only use for now until i think of a design solution for mobile? See attachment.

[Moeed]

Hey @record28-2

Remove the previous code and add this new code with the same steps

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[record28-2]

Again Moeed,

Thank you so much for the response. That has noW solved the problem of the phone, thank you.

I am having a new issue with overlapping titles on the desktop. See the image below.

Is this possible to fix this issue and also have it so it sends the title onto the next line and keeps the price in the same spot rather than bringing the price down like the image pictured below.

Thanks in advance and already for your help so far.

Nick