CSS for Submit button

  • Resolved chti56

    (@chti56)


    6 years, 8 months ago

    Hello,

    I’m trying to customize the Submit button using this CSS :

    /* Change background and text color */
    .caldera-grid .btn {
    background-color:#B0C4DE !important;
    color:white !important;
    font-weight: 900;
    }

    /** Change Background color and text color on hover **/
    .caldera-grid .btn:hover {
    background-color:#87CEEB !important;
    color:lightgrey !important;
    }

    It works fine for the Initialize button but it does not work for the Submit button..

    Where is my mistake ?

    Thanks for help.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter chti56

    (@chti56)

    I’ve solved the problem by adding this code (in bold) for the submit button:

    /* Change button submit background and text color */
    .caldera-grid input[type=submit] {
    background-color:#B0C4DE !important;
    color:white !important;
    font-weight: 900;
    }
    /*** BUTTON SUBMIT HOVER STYLING ***/
    .caldera-grid input[type=submit]:hover {
    background: #87CEEB;
    color: #000080 !important;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘CSS for Submit button’ is closed to new replies.