Want Text From Left To Right

Topic summary

A user seeks to change text alignment from right-to-left to left-to-right in a Shopify theme’s “text with icons” section.

Two solutions provided:

  1. Quick CSS fix - Add CSS code to theme.css file targeting mobile view (max-width: 767px) with text-align: left !important

  2. Detailed step-by-step approach:

    • Navigate to Shopify admin → Online Store → Themes → Customize
    • Select the specific “Text with icons” section on homepage
    • Locate “Custom CSS” field at bottom of section settings
    • Insert provided CSS code with media query for mobile devices

Key notes:

  • Both solutions target mobile view specifically (screens under 767-698px)
  • For desktop alignment changes, remove the media query wrapper
  • Screenshots demonstrate the customization interface and expected results
  • Solution awaiting confirmation from original poster

Status: Unresolved - waiting for user feedback on whether solutions work

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

Want Text From Left To Right of this text with icons section

URL: https://mybadger.in/

PASS: Badger

Add this code in your theme.css file:

@media (max-width: 767px) {
    .text-with-icons__text-wrapper .prose p {
        text-align: left !important;
    }
}

Result:

@Emiway Please find the below steps to make display text from left to right alignment. Let us know whether it is helpful for you.

  1. From admin, Go to “Online Store” → “Themes”.
  2. Click “Customize” button in the current theme.
  3. In the “Home page”, go to the respective “Text with icons” section and click it like in the below attached screenshot.

  1. Search for the “Custom CSS” field at the bottom of the section and add the below code to the field, like in the below attached screenshot.
@media screen and (max-width: 698px) {
    .text-with-icons .text-with-icons__item .text-with-icons__text-wrapper .prose {
        text-align: left !important;
    }
}

  1. Final result will be like,

Note: The code provided above is for mobile view. If you need the text change also for desktop, remove the media query line and its closing brace.

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.