[Support request] How to space/shadow searchform and other formfelds ?

[Jacob]

First off, thanks for GP 3.

I want to have the best control over formfields. My searchform for example is way too spacy, and I want to control the box-shadowing and colors of the searchform. Comment input fields as well. What is the best practice here ? Would be great to have it in the customizer.

Thanks.

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Something like this is best to use CSS solution is needed so we aren’t adding random options to everyone’s customizer.

Let me know 🙂

[Jacob]

Hi Leo. Thanks for replying.

I just installed GP3 – so nothing special about my setup. I was inquiring into the best practice. I know it is best done by css. But how.

[Leo]

I’m not exactly sure what you are wanting but here are some examples:

form.search-form {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    padding: 5px;
}

I’d recommend using the browser inspector tool view the CSS and so you add other styles to my examples above.

[Author]

Posts