Tagged: button
Hi,
I need help changing Enfold shop search button to black (like the online demo).
It is the submit button under “Search Products”.
I don’t understand why the imported demo doesn’t look like the online demo in some details.
I am tired of spending time searching for small changes, just to get the online demo appearance that I was supposed to get automatically.
Can somebody help?
Hey pathemeforestnet,
Please try the following in Quick CSS under Enfold->General Styling:
.woocommerce-product-search button {
background: #000;
padding: 10px;
}
Best regards,
Rikard
Hi Rikard,
That changed it to black, but the look is not similar.
Please take a look,.
Credentials in Private Content.
Hi,
Thanks for the update. Please try this CSS instead:
.woocommerce-product-search button {
background: #000;
padding: 10px 20px;
color: white;
border: none;
font-size: 12px;
border-radius: 2px;
}
Best regards,
Rikard
Hi Rikard,
It worked!
Thank you for the help!
Regards
Hi pathemeforestnet,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
The above code works, but later I realized that on mouse hoover the button doesn’t change color to blue, like in the demo.
Can you please help?
Hi,
Please try this CSS as well:
.woocommerce-product-search button:hover {
background: #9CC3DF;
}
Best regards,
Rikard