Hello! I am having troubles figuring out how to space out the boxes so they aren’t completely touching each other. Does anyone know how I can easily space these out using code? Thank you!
Topic summary
Issue: Newsletter subscribe input boxes were touching with no spacing; requester sought a simple CSS fix.
Action: A helper asked for the page URL; the requester provided homesteadhappy.co/pages/test for review.
Solution: Add a CSS rule at the end of the theme’s base.css to give each field vertical space: #contact_form .newsletter-form__field -wrapper .field { margin-bottom: 10px; }. The margin-bottom property adds space below each input, preventing them from touching.
Artifacts: A screenshot showed the crowded boxes, and an image indicated where to place the CSS in the file. Helpful for context, but not essential to apply the fix.
Outcome: The requester confirmed the CSS change worked and expressed thanks.
Status: Resolved; no further questions or open items.
@boh2023 - can you please share this page link?
@boh2023 - please add this css to the very end of your base.css file and check
#contact_form .newsletter-form__field-wrapper .field {margin-bottom: 10px;}
You are awesome! Just what I needed. Thank you so much!
1 Like
@boh2023 - welcome