I’m trying to add space between text boxes in the Flow theme. Does anyone know the best way to do that? I need the space to be consistent between all 3 lines.
1 Like
Hi @jdecedue
I am not sure if this is what you mean. If it is try this.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.content-wrapper--text_dynamic.content-wrapper-mobile--right.content-wrapper-desktop--center.block-id--26facf6e-d592-495c-bc7e-dc6f2b3b8709 {
padding-bottom: 30px;
}
- And save.
- Result:
I hope it help.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Thank you for the response! Could it be custom.css that I’m looking for? I didn’t have any of the other files you mentioned.
1 Like
Can you check the section-animate-text.min.css. If still not you can paste it on the
theme.liqud file. Paste it on before the tag this code.
I have the section-animate-text.min.css file. So which code should I paste into file? Also, does it matter where it goes?
Thank you!
Does this only work for the home page? I have another page that is using the animated text module and the spacing is still messed up. I tried pasting the code in the theme.liquid file and it didn’t work.
1 Like
It depends on you what code youll like to used. The first or the 2nd its same but different loaction to paste in. The animated text you have in mobile you mean? I didnt check that one.
