Archived topic

How to space/shadow searchform and other formfelds ?

3 replies · Started by Jacob on September 8, 2020

Viewing posts 1–4 of 4

September 8, 2020 at 7:26 pm #1435992

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.

September 8, 2020 at 8:14 pm #1436005

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

September 8, 2020 at 8:34 pm #1436027

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.

September 8, 2020 at 10:20 pm #1436074

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.

This archived topic is closed to new replies.

Start building better websites today.