How to Upsell in Right-to-Left (RTL) Languages like Hebrew

Jaap Vergote

by

Jaap Vergote

|

October 5, 2022

If your Shopify store is set up in an RTL language, you want to show upsells that follow the same format.

Using custom CSS, you can achieve this with the ‘text-align’ CSS property for the checkout upsell text.

Go to the UpsellPlus app > click on one of your checkout offers > Scroll down to the 'Customization' card > Click the 'Advanced' tab > Open 'Custom CSS'

There you’ll see all the CSS properties for the checkout upsells. 

Find .upsellplus.title, .upsellplus-message and .upsellplus-subtitle and change text-align: left; to text-align: right;

That’s it! Now you have a RTL layout that works for RTL languages.

ONE PROJECT example

Go to App listing← BACK to Blog