I'm trying to create an end of blog post subscription form that's not very tall - just a headline, an email field and a submit button. The closest I can get to that is to use the Mills inline form. But then I end up with more space than I'd like above and below the form content (see the attached). Is there any way I can use CSS or some other method to give it a more compact appearance?

1 reply

Liked by Jasmine Fox

💡Make the most of your Community Member profile

Share more about yourself! Click on your gravatar> profile > edit profile

About You tab:
- Photo: upload a picture of yourself or your brand
- About You: let other community members know a little about you as a person, a creator, and anything else you'd like to add
- Banner: add an image of your creator brand, logo, or an image that inspires your creativity
Social Media tab:
- Let other members know where they can find you and your brand across social media platforms. This is a great additional step to connect with other creators in the industry!

Answered 3 years ago

You can adjust it with some CSS in the Custom CSS box in the form settings. The following will reduce the space above the form content:

[data-style="minimal"] {

padding: 20px 40px !important;

}

By default, there is 40px of space around the form (padding) on the Mills form. The above code snippet will change that to 20px above and below and 40 pixels left and right. If you'd like to reduce the left and right as well, then you can make them both 20px with:

[data-style="minimal"] {

padding: 20px !important;

}

You can keep adjusting the px value until you are happy with the spacing.