Annoying browser style question – box shadow on input

Community Forums Forums Design Tips and Tricks Annoying browser style question – box shadow on input

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  David Chu 11 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #61688

    genevishgraphics
    Participant
    Post count: 52

    Any way to remove the box shadow from the .s search /input box? Seems to be a common look just in Genesis so I was hoping someone might now. I have tried EVERYTHING!

    #61691

    David Chu
    Participant
    Post count: 1346

    Hi,
    I can’t see your site, but I think I know what you’re referring to. I don’t always like to have a lot of styling on forms either. You may find a block of code like this in your theme. I’d suggest doing a “find” on “box-shadow”. If this is doing it, you can just comment out the box-shadow line. I always kill the border-radius on that, too. Obviously you might need to make your code more specific if you edit this part and want a shadow on SELECT or TEXTAREA.

    [css]
    input,
    select,
    textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #eee inset;
    color: #999;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 16px;
    padding: 1.6rem;
    width: 100%;
    }
    [/css]

    Hope that helps,
    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #61697

    genevishgraphics
    Participant
    Post count: 52

    NM got it finally! I guess I was overthinking it`input:focus{
    box-shadow: none!important;
    outline: none!important;
    }`

    Thanks David anyways!

    #61719

    David Chu
    Participant
    Post count: 1346

    Ah, those darned “important” statements….. I seem to be running into plagues of those lately. :-)

    Glad it’s fixed.


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.