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

Home Forums Support How to space/shadow searchform and other formfelds ?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1435992
    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.

    #1436005
    Leo
    Staff
    Customer Support

    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 🙂

    #1436027
    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.

    #1436074
    Leo
    Staff
    Customer Support

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.