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 7 months, 1 week ago.

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

    genevishgraphics
    Participant
    Post count: 49

    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: 1184

    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.

    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%;
    }
    

    Hope that helps,
    Dave


    David Chu · Custom WordPress Developer – likes collaborating with Designers

    #61697

    genevishgraphics
    Participant
    Post count: 49

    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: 1184

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

    Glad it’s fixed.


    David 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.