-
Posts
-
I placed the search widget on a desired spot in a webpage. see https://www.dropbox.com/s/9ylqn1cgh5ngvf0/search-backend.png?dl=0
and frontend: https://www.dropbox.com/s/h02v2bfpnsrurq6/search-ws.png?dl=0
I’d like to change the colour of the search button, how do I do this?Hi Guenni007, I’m not sure what you mean, perhaps a first sentence is missing as you start with and ? I do not want to change the color of all butons, just of this search button.
you placed the Layout Builder Element : Search in your Layout.
Go and edit this Element – a popup arises and you have on that popup different setting options.
On Top you see four tabs :
Press the Styling Tab and scroll to “Form Colors” ! If you have toggles ( you can switch of that toggles on Enfold Options to always have opend all toggles)
open that toggle and see- the image from above : https://kriesi.at/support/topic/change-search-widget-search-button-color/#post-1290959
The last one is for “Button Background Color”
please see this image. the button you refer to isn’t there… and yes, i’m the admin:)
https://www.dropbox.com/s/2jvykj5265ycs1f/admin.png?dl=0On every of my installations the edit button is there. Well I think your installation of Enfold is faulty then.
Do you work with a child-theme? Then you can try to reupload enfold again.The selector for that is:
#top .avia_search_element #searchsubmit { background-color: red !important; color: #000 !important; }but you had to find the fault anyway
Thanks Guenni007, that did the trick. I do work with a child theme and insofar this is the only issue I seem to have, so reuploading enfold feels like WAY to much hassle :P changed the code to the following (and it works)
#searchsubmit { background-color: red !important; color: #000 !important; }Hi,
Glad @Guenni007 helped! Please feel free to open a new thread if you need anything else.
Have a nice day.
Best regards,
Ismael
- The topic ‘Change Search Widget Search button color’ is closed to new replies.