Want Text From Left To Right

Solved

Want Text From Left To Right

Emiway
Trailblazer
263 0 50

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

URL: https://mybadger.in/

PASS: Badger

Screenshot 2024-10-30 152125.png

Accepted Solution (1)

Vinsinfo
Shopify Partner
491 167 172

This is an accepted solution.

@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.
Vinsinfo_0-1730290821193.png

 

4. 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;
    }
}

 

Vinsinfo_1-1730290830284.png

 

5. Final result will be like,
Vinsinfo_2-1730290982066.png

 

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.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 2 (2)

Spac-es
Shopify Partner
408 119 155

Add this code in your theme.css file:

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

Result:

mobile.PNG

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!

Vinsinfo
Shopify Partner
491 167 172

This is an accepted solution.

@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.
Vinsinfo_0-1730290821193.png

 

4. 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;
    }
}

 

Vinsinfo_1-1730290830284.png

 

5. Final result will be like,
Vinsinfo_2-1730290982066.png

 

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.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support