how to change the product title and price?

[christian_russo]

hi 

I use the Prestige theme and I’m looking to change the product title and price. The title needs to be on the left and the price on the right, but as you can see, if the title is longer, it goes further underneath it. How can I fix this?

website: https://www.gallerychristian.com/

password:6399

[Dan-From-Ryviu · Accepted solution]

Hi @christian_russo 

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings of your theme and check if it solves the issue

.product-card__info .v-stack {
    width: 100%;
}
.product-card__info .v-stack.gap-1 {
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

[christian_russo]

this worked on desktop and phone, only on phone the text is kind of big, can you make it smaller but only on phone?

[WizzCommerce_Co]

Hi @christian_russo , thank you for posting here!

You can follow my instructions below:

1. Go to Online Store->Theme->Edit code

2. Asset->/base.css->paste the below code at the bottom of the file:

.product-card__info .v-stack {
    width: 100%;
}
.product-card__info .v-stack.gap-1 {
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

If you find my answer helpful, please mark it as a SOLUTION. Let me know if you have any further questions.