How to left align icon with text

[EcomEO]

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...

[Moeed]

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:

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

Best Regards,
Moeed

[EFOLI-Syn]

Hello @EcomEO,

Please add the following code in your base.css file 

@media(min-width:980px){
    .icon-with-text--horizontal .icon-with-text__item{
        align-items: self-start !important;
    }
    .icon-with-text .h4 {
        text-align: left !important;
    }
}