• Resolved lauratraveler

    (@lauratraveler)


    Hey, by default, the theme has a very thin gray line (and a shadow in the upper part) around all input fields, like in the comments section, the newsletter, and email form. How can I change this to 1px black line around all input&textarea fields? Thanks!
    Laura

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hey Laura,

    Can you please link to the lines that you’d like to effect? There area few areas in the site that have this and I want to be sure that I give you all of the CSS for all of the lines.

    -Kevin

    Try this CSS and let me know if it takes care of it:

    .single-footer {
        border-top-color: black;
    }

    -Kevin

    Thread Starter lauratraveler

    (@lauratraveler)

    Hey Kevin,

    No, I mean the <input> fields for the various forms (comments, newsletter, contact) that appear throughout the website. See photo.

    Thread Starter lauratraveler

    (@lauratraveler)

    Thread Starter lauratraveler

    (@lauratraveler)

    I want them to look like this, surrounded by a 1px black line
    Thanks 🙂

    Try this CSS:

    textarea {
        box-shadow: 0 1px 0 black inset;
        -moz-box-shadow: 0 1px 0 black inset;
        -webkit-box-shadow: 0 1px 0 black inset;
        -o-box-shadow: 0 1px 0 black inset;
    }
    
    input[type=text], input[type=password], input[type=url], input[type=email] {
         box-shadow: 0 1px 0 black inset;
        -moz-box-shadow: 0 1px 0 black inset;
        -webkit-box-shadow: 0 1px 0 black inset;
        -o-box-shadow: 0 1px 0 rgbblack inset;
    }

    Change the black color to whatever you like. If this doesn’t work still, please post a link.

    -Kevin

    Here is CSS for the border around the entire boxes:

    input[type=text], input[type=password], input[type=url], input[type=email] {
        border: 1px solid black;
    }
    
    textarea {
        border: 1px solid black
    }

    -Kevin

    Thread Starter lauratraveler

    (@lauratraveler)

    Thanks, Kevin. I used the second CSS code and it works. But I still see a gray shadow in the upper part of the boxes. I’ll upload an image.

    Thread Starter lauratraveler

    (@lauratraveler)

    Try

    textarea {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
         border: 1px solid black;
    }
    
    input[type=text], input[type=password], input[type=url], input[type=email] {
         box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
         border: 1px solid black;
    }

    If that doesn’t work please post a link.

    -Kevin

    Thread Starter lauratraveler

    (@lauratraveler)

    Brilliant! Thank you, Kevin!

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

The topic ‘Change comments section style’ is closed to new replies.