Colour of form submission fields

Discussion in 'BlackBird WordPress Theme' started by paraguy, Jun 27, 2014.

  1. paraguy

    paraguy Guest

    Joined:
    Jun 24, 2014
    Messages:
    24
    Likes Received:
    1
    Location:
    Manchester, England
    How do I change the colour of the form submission fields and buttons? At present both the contact form and comments form display in a brown colour.
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    #commentform input[type="text"] {
    border: 1px solid yellow;
    background-color: red;
    }
    #commentform input[type="text"]:focus, textarea#comment:focus {
    background: orange;
    border: 1px solid yellow;
    }
    textarea#comment {
    border: 1px solid yellow;
    background-color: red;
    }
    #respond input#submit {
    border: 1px solid yellow;
    background-color: red;
    }
    #respond input#submit:hover {
    color: black;
    }
     
    #contactForm input[type="text"] {
    border: 1px solid yellow;
    background-color: red;
    }
    #contactForm input[type="text"]:focus, #contactForm textarea:focus {
    background: orange;
    border: 1px solid yellow;
    }
    #contactForm textarea {
    border: 1px solid yellow;
    background-color: red;
    }
    #contactForm input[type="submit"] {
    border: 1px solid yellow;
    background-color: red;
    }
    #contactForm input[type="submit"]:hover {
    color: black;
    } 
    In place of "red", "yellow", "orange" and "black" you can put your color or color code.
    This will solve your issue.
     

Share This Page