I NEED HELP SPACING A FORM

Occasional Contributor

https://app.hubspot.com/content/1513495/edit-beta/5414759602

I have this form in the hero page and I need to add a space between the email box and the sign up button - how do I do this?

Reply
0 Upvotes
10 Replies
Reg Regular Contributor | Platinum Partner
Regular Contributor | Platinum Partner

Hello,

 

You need to share the preview URL in order for anyone else to view the page that is not in your HubSpot portal. 

 

- Reg

Reply
0 Upvotes
Occasional Contributor
Reply
0 Upvotes
Reg Regular Contributor | Platinum Partner
Regular Contributor | Platinum Partner

Try putting this into your CSS stylesheet:

 

.form-container .hs_submit .hs-button.primary {

margin-top:15px; 

}

 

You can change the margin in px to whatever you like Smiley Happy

Reply
0 Upvotes
Occasional Contributor

Any particular spot in the Stylesheet?

Reply
0 Upvotes
Reg Regular Contributor | Platinum Partner
Regular Contributor | Platinum Partner

 It looks like the styles are already coming in from the stylesheet: ApliteHome.css

 

If you search the stylesheet for the class ".form-container .hs_submit .hs-button.primary" You can add it to the styles that are already there.

 

Reply
0 Upvotes
Occasional Contributor

nope, not doing anything...

Reply
0 Upvotes
Reg Regular Contributor | Platinum Partner
Regular Contributor | Platinum Partner

Looks like it's getting overridden by some default styling. 

 

You could add "!Important" to the end of the style like this : 

 

margin-top15px!important;

 

 

Or try making the selection more specific with a new CSS rule:

 

.aplite-banner-wrap .form-container input.hs_submit .hs-button.primary {

margin-top:15px;

}

 

Highlighted
Reg Regular Contributor | Platinum Partner
Regular Contributor | Platinum Partner

There is a syntax error in your stylesheet. see attached screenshot.

 

error.png

Occasional Contributor

I can't see the close as shown!

Reply
0 Upvotes
Reg Regular Contributor | Platinum Partner
Regular Contributor | Platinum Partner

This is what is currently in your stylesheet:

 

sample1.png

 

This is what should be in the stylesheet:

 

sample-2.png

 

Notice in the first screenshot the class ".form-container .hs_submit .hs-button.primary" doesn't close with "}".

 

If you'd like to give me access to your portal I can help make this change for you in a couple of seconds. Send me a Message or add me to your user portal reg@thebritagency.com