Submit Button Styling

  • Resolved janehardy

    (@janehardy)


    7 years, 3 months ago

    I have attempted with no success to use the Custom CSS on the Submit button to change this. My Submit button is black with very dark grey text which is almost impossible to see. I want to change the button to have a background of #4694B1 with white text.

    Any help would be super appreciated!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter janehardy

    (@janehardy)

    So, I have managed to change the background but the text color is weird, It is dark grey until i click submit without any entries and then it turns white!

    Hi Jane, how did you manage to change the background colour?
    The original css has an important tag which cannot be over ridden!

    CSS IN FIREBUG
    #rnField6 .redNaoSubmitButton {
    Font-Family: “Verdana”,”Geneva”,”sans-serif” !important;
    Color: #000000 !important;
    background-color: #FFEE02 !important;
    border: 1px solid #333;
    font-size: 12px;
    }

    I changed the text label by adding this to the custon css tab

    /*SUBMIT TEXT COLOUR */
    .ladda-button .ladda-label {
    color: #000000;}

    Thread Starter janehardy

    (@janehardy)

    Hi,

    I put

    .redNaoSubmitButton {
    background-color: #4694B1 !important;
    }

    in to the CSS Tab of the form, hope that helps

    Thread Starter janehardy

    (@janehardy)

    Thank you jasonmac_75, worked great!

    Plugin Author EDGARROJAS

    (@edgarrojas)

    Hello!

    I just wanted to let you know that in the next version your will be able to change the button background color and text color directly using the style editor (https://sfmanual.rednao.com/documentation/styling-your-form/using-the-style-editor/) if you have other ideas of what should i add to the editor please let me know =).

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Submit Button Styling’ is closed to new replies.

Tags