Viewing 15 replies - 1 through 15 (of 15 total)
  • LESIMOON

    (@lesimoon)

    Try this in your cf7 form :
    [submit class:SendBtnColor “SEND”]

    and add this in your css : .SendBtnColor {background:#ff00ff}

    Thread Starter Miguelonx

    (@miguelonx)

    Hi LESIMOON,

    Thanks for you reply.
    The button is black but when I pass the mouse over the text, the button change to very light gray.
    With your code It does the same.

    ¿Any ideas?

    Thanks,

    ninjoan

    (@ninjoan)

    Check this bro

    [submit class:mibutton2 “Download”]

    <style>
    .mibutton2:hover {
    background-color: #008CBA;
    color: white;
    }
    .mibutton2 {
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;

    }

    </style>

    Source for more info and samples
    http://www.w3schools.com/css/css3_buttons.asp

    Thread Starter Miguelonx

    (@miguelonx)

    Hi ninjoan,
    Thanks for you answer, but I do not get solved.
    ¿I can send you a video so you can see what happens?
    Thanks,

    LESIMOON

    (@lesimoon)

    Try to add !important in your stylesheet :

    form: [submit class:SendBtnColor “SEND”]

    css: .SendBtnColor {background:#ff00ff!important}

    Thread Starter Miguelonx

    (@miguelonx)

    Hi Lesimoon,

    This is the configuration I have done.

    In the Form: http://prntscr.com/bb2d7c
    In the file css: http://prntscr.com/bb2dl7
    This is the result: http://recordit.co/rQwOXiUbrs

    ¿What have I done wrong?

    Thanks,

    LESIMOON

    (@lesimoon)

    That’s weird. Are you sure your css is included on your page?
    Else, i’m sorry but I don’t know where it can come from :s

    Thread Starter Miguelonx

    (@miguelonx)

    Hi Lesimmon,

    The file css that I am modifying is in:
    /wp-content/plugins/contact-form-7/admin/css

    ¿Is correct?

    Don’t you have any place in your theme option to add custom css?
    Usually in Appearance/Theme Options

    Thread Starter Miguelonx

    (@miguelonx)

    Yes, I have introduced but works equally.

    http://prntscr.com/bbd78v

    http://recordit.co/F6OnU1ARn3

    🙁

    ¿is there any other option?

    Seems like it’s working.

    .SendBtnColor {background:#ff00ff!important}
    .SendBtnColor:hover {background:#ff00ff!important}

    Also add the 2nd line.
    Now just put the color you want

    Thread Starter Miguelonx

    (@miguelonx)

    Thanks very much Lesimoon, but it does not work well 🙁
    http://prntscr.com/bbdhu2

    What about the result?
    Don’t mind the /!\ on your screenshot, it just inform you you are using !important but you might need it to override your theme settings

    Thread Starter Miguelonx

    (@miguelonx)

    The result is the same of de video previous.
    http://recordit.co/F6OnU1ARn3

    If the sign does not upset me but yes of button color.

    Thread Starter Miguelonx

    (@miguelonx)

    Lesimonn,

    I have contacted my template developer and I confirm that it is a problem of my theme.
    I update the theme and will write again to report if it works in a few days.
    Thanks,

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘Color Button’ is closed to new replies.