[cxanderParticipant]

I’ve just created a new ninja form on my front page that is built within a section that houses a background image. I would like to reduce the space between the form fields so that there is very little (almost no space at all). Is there a way I can achieve this look? My website URL is http://www.soundinnovationdj.com

Regards,
Chad

[Prasant RaiModerator]

Hello Chad,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.nf-field-container, #ninja_forms_required_items {
    margin-bottom: 5px !important;
}

Thanks.

[cxanderParticipant]

That worked great, but can I have the fields even closer together than this result? Is it a matter of changing the value of px? Also, is there css I can add to reduce the space between the “start here” headline and the form itself?

[FriechModerator]

Hi There,

Update the given CSS code to this:

.nf-field-container, #ninja_forms_required_items, .nf-input-limit {
    margin-bottom: 0px !important;
    margin-top: 0 !important;
}

Also, is there css I can add to reduce the space between the “start here” headline and the form itself?

Add this on the Text element (where you place the form).

margin-top: -40px;

Hope it helps, Cheers!

[cxanderParticipant]

The updated code for the field spacing worked exactly as I wanted it. Thank you. The code for the text element didn’t make any change. I clicked on the text element where the form was and added margin-top: -40px; in the class field. did I do that correctly? If so, nothing changed.

Regards,

Chad

[ChristopherModerator]

Hi there,

You’ve added inline CSS at the wrong place. Please remove it from class field and add it to style field.

Thanks.

[cxanderParticipant]

Perfect! Exactly what I needed. Thank you so much!

[ThaiModerator]

If you need anything else please let us know.

[cxanderParticipant]

I can’t seem to to change the font color, size, or type of font of the submit button of the form on my homepage even with the layout and style plugin of ninja forms. I would like the font color to be white, and use the georgia font while increasing the font size to something like 18 or 24 for the submit button. I would also like the width of the submit button to be wider. Basically I’m trying to get a look found on the form at the following URL http://www.scratchweddings.com

[Rue NelModerator]

Hello There,

Thanks for updating in! To change the look of the buttons, you can make use of this code instead:

#nf-field-4{
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Georgia";
    font-size: 24px;
}

Hope this helps.

[cxanderParticipant]

This is perfect, if I wanted to make the font in bold and italic would I add font-style: “bold, italic”;?

[Rue NelModerator]

Hello There,

If you want to have a bold and italic, you can make use of this code instead:

#nf-field-4{
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Georgia";
    font-weight: bold;
    font-style: italic;
    font-size: 24px;
}

If you need anything else we can help you with, please let us know.

[cxanderParticipant]

Perfect Thank You!

[ThaiModerator]

You’re most welcome 🙂

[Author]

Posts