how to change the product title and price?

Store Design
, , , ,
1

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?

Scherm­afbeelding 2024-12-12 om 21.33.23.png
Scherm­afbeelding 2024-12-12 om 21.33.23.png2878×1066 263 KB

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

password:6399

2

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;
}
3

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.

4

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