How to left align icon with text

How to left align icon with text

EcomEO
New Member
4 0 0

How can Align this "icon with text" to the left of the page, it seems to be centred as of now.

 

Link is https://fenora.co/products/luggage-portable-one-shoulder-waterproof-wear-resistant-large-capacity-tr...


Image 05-07-2024 at 18.57.jpeg

Reply 1 (1)

Moeed
Shopify Partner
7711 2071 2553

Hey @EcomEO 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.icon-with-text .h4 {
    text-align: -webkit-left !important;
}
.icon-with-text__item {
    display: flex !important;
    align-items: flex-start !important;
}
</style>

RESULT:

Moeed_0-1720203335368.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications