Align button text left with no padding?

[jasminsharp97]

I'm working with the Lorenza theme, this is my site:

Store: https://66cdcb-86.myshopify.com/

Password: chohme

All of the buttons on this site are just plain text, there isn't a button background color. Because of that, it looks weird that the text is just floating in the middle of a section. I want to align the text to the left and have there be no padding on that side of the button, so it looks like all of the text is aligned.

[Moeed · Accepted solution]

Hey @jasminsharp97 

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>
a.text-block__item.text-block__button.bttn.bttn--secondary.bttn--inline {
    padding-left: 0 !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Made4uo-Ribe]

Hi @jasminsharp97 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.image-with-text__text-container {
    padding-left: 10px !important;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!