Change position of a text when i change the variant

Topic summary

A user is experiencing a layout issue on their Shopify store where selecting a product variant (e.g., changing size) causes text reading “↑PRIX NEUF ↑PRIX SUR JADIS” to shift downward by 10px.

Initial Solution Provided:

  • Add CSS code to base.css file to set .price__container height to 4.4rem

Refinement Requested:
The user wants the text positioned slightly closer to the price below it, reducing the spacing between the two elements.

Updated Solution:

  • Modify the CSS height value to 4rem instead of 4.4rem in the .price__container class
  • This adjustment reduces vertical spacing and brings the text closer to the price

Technical Details:

  • Theme: Dawn
  • Store: jadis-shop.com
  • File to edit: Asset > base.css
  • Code includes !important flag to ensure style override

The issue appears resolved with the adjusted CSS height value.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.

Good morning,

I would like that when I select a variant of the product (for example I modify the size of this product https://jadis-shop.com/products/doudoune-tnf-700-nupste-retro-1996) the writing “↑PRIX NEUF‎ ‎ ‎ ‎ ↑PRIX SUR JADIS” goes down by 10px

Do you know how to do it please?

Theme: Dawn
Website: jadis-shop.com
password:rj

thanks in advance

1 Like

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.price__container {
height: 4.4rem!important;
}

bro it’s almost good, i want the same but that the writing “↑PRIX NEUF‎ ‎ ‎ ‎ ↑PRIX SUR JADIS” is just a little closer to the price (so reduce the space a little between the two)

please

1 Like

Hello @JADIS

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.price__container {
height: 4rem!important;
}