How do I align all the text on the checkout page to LTR?

[JonBoy18]

I'm using the Whisper theme on my Shopify store, and I need to align all the text on the checkout page to be left-to-right (LTR). Could someone guide me on how to make this adjustment?

URL - https://babyshield.online/

Thnak you!!

[anupam1607]

Yes, you can change the alignment of the Checkout text from Left-to-Right (LTR) to Right-to-Left (RTL) in Shopify. However, Shopify doesn't provide a direct option in the admin panel to change the text direction. You will need to customize the checkout process by adding custom CSS

.checkout .field__input-wrapper, 
.checkout .content, 
.checkout .order-summary__section {
    direction: rtl;
    text-align: right;
}

or JavaScript

document.addEventListener('DOMContentLoaded', function() {
    document.querySelector('body').style.direction = 'rtl';
});