Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #404972

    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!

    #405324

    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

    #405486

    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

    #406204

    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

    #409717

    Thank you!

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