Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23678

    1. what css file do i need to change to change text input fields, background color, border color etc..?

    2. ALSO the review button on the woocommerce product page is gray and hard to read.. where do i change it?

    #120762

    Hi,

    You can find all of the form styles on base.css

    /* #Forms
    ================================================== */

    #top form {
    margin-bottom: 20px; }
    #top fieldset {
    margin-bottom: 20px; }
    #top .input-text,
    #top input[type="text"],
    #top input[type="input"],
    #top input[type="password"],
    #top input[type="email"],
    #top input[type="number"],
    #top input[type="url"],
    #top input[type="tel"],
    #top input[type="search"],
    #top textarea,
    #top select {
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 8px 6px;
    outline: none;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    border-radius: 0px;
    }

    #top input[type="text"]:focus,
    #top input[type="password"]:focus,
    #top input[type="email"]:focus,
    #top input[type="number"]:focus,
    #top input[type="url"]:focus,
    #top input[type="tel"]:focus,
    #top input[type="search"]:focus,
    #top textarea:focus {
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    color: #555;
    }
    #top textarea {
    min-height: 60px; line-height:1.5em;}
    #top label{
    display: block;
    font-weight: bold;
    font-size: 12px; }
    #top legend {
    display: block;
    font-weight: normal;
    font-size: 15px; }
    #top select {
    width: 220px; }
    #top input[type="checkbox"] {
    display: inline; }
    #top label span,
    #top legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444; }

    #top textarea{width:100%;}

    #top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area{border:1px solid #9AA600;} /*#70A41B*/
    #top #wrap_all .error .text_input, #top #wrap_all .error .text_area{border:1px solid #DF653E;}
    #top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area{border:1px solid #ffb628;}

    The review button on my end is white and it is crystal clear. Can you give us a link to your website?

    Cheers,

    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘form css’ is closed to new replies.