CMS Development

simona_pop
Participant

I NEED HELP SPACING A FORM

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?

0 Upvotes
10 Replies 10
Reg
Contributor | Elite Partner
Contributor | Elite Partner

I NEED HELP SPACING A FORM

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

Reg Desgroseilliers
www.rdcoding.com
0 Upvotes
simona_pop
Participant

I NEED HELP SPACING A FORM

0 Upvotes
Reg
Contributor | Elite Partner
Contributor | Elite Partner

I NEED HELP SPACING A FORM

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 🙂

Reg Desgroseilliers
www.rdcoding.com
0 Upvotes
simona_pop
Participant

I NEED HELP SPACING A FORM

Any particular spot in the Stylesheet?

0 Upvotes
Reg
Contributor | Elite Partner
Contributor | Elite Partner

I NEED HELP SPACING A FORM

 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.

 

Reg Desgroseilliers
www.rdcoding.com
0 Upvotes
simona_pop
Participant

I NEED HELP SPACING A FORM

nope, not doing anything...

0 Upvotes
Reg
Contributor | Elite Partner
Contributor | Elite Partner

I NEED HELP SPACING A FORM

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;

}

 

Reg Desgroseilliers
www.rdcoding.com
Reg
Contributor | Elite Partner
Contributor | Elite Partner

I NEED HELP SPACING A FORM

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

 

error.png

Reg Desgroseilliers
www.rdcoding.com
simona_pop
Participant

I NEED HELP SPACING A FORM

I can't see the close as shown!

0 Upvotes
Reg
Contributor | Elite Partner
Contributor | Elite Partner

I NEED HELP SPACING A FORM

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

Reg Desgroseilliers
www.rdcoding.com