Align button text left with no padding?

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.

2 Likes

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 tag


RESULT:

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

Best Regards,
Moeed

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!