Okay
  Public Ticket #1980790
How to style Submit button?
Closed

Comments

  • Chloé started the conversation
    April 18, 2019 at 11:06pm

    Hi!

    I have a SUBMIT button on my contact form (created with Ninjas Form) and I would like to style this button so it looks like the other buttons on my website (whose style is nectar-button large see-through-2).

    I tied to style the button by setting the font, color, etc. in the Salient CSS box, like this: 

    #nf-field-4 {
        font-family: "open-sans", sans-serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
        font-size: 16px !important;
    }

    But I can't get it exactly right... 

    Any bits of code that could help?

    Thanks!

    Chloé

  •  8,996
    Tahir replied
    April 19, 2019 at 11:06am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    #nf-field-4 {
    font-size: 14px !important;
    padding: 15px 22px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .1em !important;
}

    Thanks

    ThemeNectar Support Team 

  • Chloé replied
    April 19, 2019 at 5:51pm

    Thanks Tahir, it works perfectly!