Tagged: CSS, footer, product search, Widget
-
AuthorPosts
-
March 25, 2021 at 11:44 pm #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.
March 27, 2021 at 12:44 am #1290646Hoping to see if this is possible, thanks!
March 27, 2021 at 10:13 pm #1290786Still hoping…
March 28, 2021 at 2:36 pm #1290924Hi 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,
VictoriaMarch 28, 2021 at 6:09 pm #1290958I 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.March 30, 2021 at 4:26 pm #1291400Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon -
AuthorPosts
- You must be logged in to reply to this topic.