Price align with title, reviews and rank delete

[Shoham]

Hi,

I want to align the price in the two rows with the upper text (MELAO) and the title underneath it, as I painted in the picture. I also want to change the location of the currency, from right of the number to its left. I would also like to move the “Sale” cubic to the picture. My website URL is https://ofeksboutique.com/ Thanks for the help!

[NomtechSolution]

1. Locate the file that controls the product row layout. This file is typically located in your theme’s templates or sections folder and might be named something like product-grid-item.liquid or product-card.liquid.

2. Open the file and find the code responsible for displaying the price, upper text, title, and “Sale” label. This code might look similar to this:

{{ product.price }}

### {{ product.title }}

{{ product.metafields.custom.upper_text }}

Sale

To align the price with the upper text and title, you can wrap them in a container and apply CSS styles. Modify the code as follows:

  
{{ product.price }}

  ### {{ product.title }}
  

{{ product.metafields.custom.upper_text }}

Sale

[Shoham]

I’m sorry sir, I didn’t really understand your answer