Keep the text at the same position even when i change the size of this article

Store Design
, , , , , , , , , , , , , ,

Topic summary

Issue: On a Shopify Dawn product page, the text line under the price (“↑PRIX NEUF ↑PRIX SUR JADIS”) shifts vertically when a size variant is selected. The goal is to keep this text in a precise, fixed position regardless of variant changes.

Actions tried:

  • Guidance to add custom code in theme.liquid above . The actual code snippet was not provided in the post; a screenshot showed a “result,” but details are unclear.
  • CSS suggested: .product__tax.caption.rte { padding-top: 10px; }. This only lowered the text’s position.

Feedback/Status:

  • The user reports both suggestions merely reposition the text statically and do not stop it from moving when the size changes via the variant selector.
  • The core problem (preventing layout shift on variant change) remains unsolved.

Open questions:

  • What CSS/HTML structure change is needed to lock the element’s position independently of dynamic content changes triggered by the variant selector?
  • No confirmed solution or consensus yet. Images were shared to illustrate the result, but no definitive fix has been provided.
Summarized with AI on January 16. AI used: gpt-5.
1

Good morning,

Why when I change the size of this item for example ( https://jadis-shop.com/products/doudoune-tnf-700-nupste-retro-1996 ) The text under the price also moves… I would like that no matter if I change the size of the item or not, the text “↑PRIX NEUF‎ ‎ ‎ ‎ ↑PRIX SUR JADIS” remains PRECISELY at the same position please.

sdfsdf.PNG
sdfsdf.PNG1439×821 156 KB

Capture.PNG
Capture.PNG1434×822 149 KB

Do you know how to do it please?

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

thanks in advance

2

Hey @JADIS

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1696425522129.png
Moeed_0-1696425522129.png1895×888 177 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @JADIS

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag

.product__tax.caption.rte {
    padding-top: 10px;
}

syedsumaimaly_0-1696425655854.png
syedsumaimaly_0-1696425655854.png719×295 44.9 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solutions.

4

you just lowered the text, but you did not solve the problem of changing the location of the text when you change the size with the variant selector… what should I do please?

5

you just lowered the text, but you did not solve the problem of changing the location of the text when you change the size with the variant selector… what should I do please?