Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1290461

    Please take a look at my site’s footer. I have a product search form to the left and a mailchimp signup in the middle.

    The search form’s text input and button are mostly unstyled and it looks really unprofessional next to the nice mailchimp form.

    I tried editing the css for just input and button, but I couldn’t get it to match completely.

    So I added the file to my child theme and gave the text input and button the classes that the mailchimp form has, and that still wasn’t enough. I can’t get them to match.

    Please help.


    Hoping to see if this is possible, thanks!


    Still hoping…


    Hi Synthea79,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

     #top input[type=search] {
       padding: 13px;
       margin-bottom: 10px;
     .woocommerce-product-search button[type=submit]{
        background-color: #f3ffde;
        color: #658529;
        border-color: #d1ddbc;
        margin: 0;
        border-radius: 2px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        font-weight: 400;
        font-size: .92em;
        width: 100%;
        padding: 13px 10px;
        outline: none;

    Next time, please refrain from replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    If you need further assistance please let us know.

    Best regards,


    I added font-family: inherit and cursor: pointer and it’s spot on, thank you.
    Sorry for the bumps, there’s no indication if my post was even seen. I’ll remember for next time.



    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

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