Alignment of Submit box

[rkassebaum]

Hello, on the home page. We have a form and for some reason the submit box does line up with the input field boxes. How can I correct this with CSS.

Lincoln Veterans Parade | Lincoln NE | November 8, 2020 | 2 PM

[jade]

Hi there,

Please try this code:

div#nf-field-9-container {
    margin-bottom: 0;
    margin-top: 34px;
}

div#nf-field-9-container input {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
}

Here are some references for the code above:

• CSS Intoduction - https://goo.gl/mFuWQT
• CSS selectors - https://goo.gl/BmoH39

Hope this helps.

[rkassebaum]

That did get it in align with the the other fields. Now the submit button appears to be way off to the right. Any suggesetions on fixing that with CSS.

[mldarshana]

Hi There @rkassebaum

Upon testing, I see there’s an issue on mobile screen widths. Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

@media (max-width:480px){
  div#nf-field-9-container {
    margin-top: 15px;
  }
}

Thanks!