Price position rtl

Technical Q&A

Topic summary

A user needed help repositioning product prices to align right-to-left (RTL) on their Shopify store.

Solution provided:

  • Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS
  • Add CSS code to right-align prices:
.card-information .price {
    justify-content: end !important;
    display: flex !important;
}

Status: Resolved. The CSS solution was provided with visual confirmation showing the price alignment adjusted as requested. The fix uses flexbox properties to position prices at the end of their container, accommodating RTL layout requirements.

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

HOW CAN I CHANGE PRICE POSITION RTL

2

Hi @omarsaidi

Please share store URL so I can take a closer look

Best,

Daisy

3

https://djazairsport.store/

4

HI @omarsaidi

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.card-information .price {
    justify-content: end !important;
    display: flex !important;
}

Here is the result:

image_720.png
image_720.png720×334 158 KB

I hope this helps

Best,

Daisy