Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #13861

    Hi,

    http://www.surftherapyyoga.biz/contact-us

    How can I change the color of the send button and the hover of it?

    Thanks

    sRishti

    #80929

    Hi sRishti,

    Add this to your custom.css or Quick CSS.

    #commentform #submit {
    background-color: #DCEDFD;
    background-position: center top;
    background-repeat: repeat-x;
    border-color: #DCEDFD;
    color: #FFFFFF;
    }

    #commentform #submit:hover {
    background-color: #FEFFFF;
    border-color: #FEFFFF;
    color: #FFFFFF;
    }

    The first snippet is for the normal state. The second snippet for the hover. These are the current values being used so you’ll want to change them as you see fit.

    Regards,

    Mya

    #80930

    Thanks Mya,

    Surprisingly it didn’t work!!!

    I put this in the Custom.css

    /*Comment Form*/

    #commentform #submit {

    background-color: #60a9a5;

    background-position: center top;

    background-repeat: repeat-x;

    border-color: #60a9a5;

    color: #FFFFFF;

    }

    #commentform #submit:hover {

    background-color: #DCEDFD;

    border-color: #DCEDFD;

    color: #60a9a5;

    }

    Any idea?

    Srishti

    #80931

    Hi,

    Try adding !important out to the side of each value like this:

    /*Comment Form*/
    #commentform #submit {
    background-color: #60a9a5 !important;
    border-color: #60a9a5 !important;
    color: #FFFFFF !important;
    }

    #commentform #submit:hover {
    background-color: #DCEDFD !important;
    border-color: #DCEDFD !important;
    color: #60a9a5 !important;
    }

    Regards,

    Mya

    #80932

    Thank sMya,

    It still is not doing it!!! :(

    Am I doing something wrong?

    Please help!

    Srishti

    #80933

    Hello,

    Try to replace it with this

    .ajax_form input.button {
    background-color: #60a9a5;
    background-position: center top;
    background-repeat: repeat-x;
    border-color: #60a9a5;
    color: #FFFFFF;
    }

    .ajax_form input.button:hover {
    background-color: #DCEDFD;
    border-color: #DCEDFD;
    color: #60a9a5;
    }

    Don’t forget to save and remove cache. :)

    Regards,

    Ismael

    #80934

    Looks good

    Thanks!

    #80935

    Hi c_srishti,

    Glad that we could help you. :)

    Cheers,

    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘color of Send button’ is closed to new replies.