How to move price up on top of product title on product page in Baseline Theme

[MJ82]

Like this, thanks! I have tried some codes from other discussions for other themes, and they haven’t worked

[BSS-TekLabs]

Hello @MJ82
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

[MJ82]

Thanks! Here is my URL for you to check any product page, currently the price is underneath the product title: https://contrakidsmutiny.com/

Please reply here once you have received it, as I will delete the URL after.

[BSS-TekLabs]

It is password protected. Can you share the password?

[MJ82]

Thanks, I’ve opened the site for now. Please check and let me know, thanks!

[BSS-TekLabs]

• Here is the solution for you @MJ82
• Please follow these steps:

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before and press ‘Save’ to save it

<style>
.product-item__text.ta-c {
    display: grid !important;
}
p.product-item__price {
    order: -1 !important;
}
</style>

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

[MJ82]

Thanks, I just added the code before and saved it and it hasn’t changed the format on the front end. Let me know if I’m doing anything wrong, thanks! I can give you admin access if that’s useful.

[BSS-TekLabs]

Can you take a screenshot of the code you added to your theme? I haven’t seen it added successfully.

[MJ82]

Sure, please see here:

[BSS-TekLabs]

I see your theme is giving an error, it’s probably because it’s not applying my code. You can try adding this code to the end of your base.css or theme.css file

.product-item__text.ta-c {
    display: grid !important;
}
p.product-item__price {
    order: -1 !important;
}

[MJ82]

Hi I just added it there, but still no change on the live site. Pls see here:

[MJ82]

Would it be possible to give you admin access to see what might be not working? Thank you so much for your help.