Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 3, 2015 at 7:44 am #404972
    Jasmer

    Hello,

    I have a button that I would like to be blue in normal state. Right now it is white.

    I would like to also change the color on hover.

    I think I added quick CSS in the past. Can you tell me what lines I need to edit to undo this?

    Thank you for your time!

    March 3, 2015 at 6:56 pm #405324
    Yigit

    Hey Jasmer!

    Please remove following code from Quick CSS 

    .main_color #submit, .main_color input[type='submit'] {
background-color: transparent;
color: #888;
border-color: #e1e1e1;
border: 1px dotted #e1e1e1;
}
.main_color input[type='submit'] {
background-color: transparent;
color: #888;
border-color: #e1e1e1;
}

    Best regards,
    Yigit

    March 3, 2015 at 11:20 pm #405486
    Jasmer

    Hi Yigit,

    The code above affects all the buttons on the site.

    1. I just need to affect the 1 button that I mentioned only.

    2. When I apply this code, it changes the font to grey. The font needs to be white with a blue background.

    3. I need to edit the code, not delete the code, for this one button only. SO how would I code the colors below? All other button code should remain.
    Regular state color – #579ad9
    Hover color – #5ba1e3

    Thank you

    March 5, 2015 at 4:14 am #406204
    Josue

    Hi!

    Use this:

    #subscribe-submit input[type="submit"] {
    background: #579ad9;
    color: white;
    border: 1px solid #579ad9;
}

#subscribe-submit input[type="submit"]:hover {
    background: #5ba1e3;
    color: white;
    border: 1px solid #5ba1e3;
}

    Cheers!
    Josue

    March 11, 2015 at 9:26 am #409717
    Jasmer

    Thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Button states’ is closed to new replies.