Ivory Search › Forums › Support › Altering Format of Search Bar
- This topic has 5 replies, 2 voices, and was last updated 5 years, 9 months ago by Ivory Search.
You must be logged in to create new topic or reply to the topic. Click To Login
- AuthorPosts
- February 13, 2019 at 6:03 PM #1802
Hi,
Currently using the basic version of Ivory Search and so far really happy with how it’s working.
I have our search bar set up at the top of our page, but I’m looking to change the colour of the boxes and the text inside.
See attached image.
How do I do this?
Jack
Attachments:
You must be logged in to view attached files. - February 13, 2019 at 7:20 PM #1806
I hope you are well today and thank you for your question.
We can change its color by developing and using custom CSS code.
Could you please share me your site URL where it’s displaying and tell me how you want it to change so that I can help you to achieve it?
Best regards,
Ivory Search Support- February 13, 2019 at 7:52 PM #1807
Good afternoon,
Please see our URL below:
https://www.mrmk.co.uk/
I would like to make the bar fit in with the rest of the page, either with a black or darker grey background. Is it possible to edit the text shown on the button and in the text box?
- February 13, 2019 at 8:05 PM #1808
I would like to make the bar fit in with the rest of the page, either with a black or darker grey background.
You can achieve this by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings
.is-menu input.search-field { background: #444242 !important; color: #FFF !important; }
Is it possible to edit the text shown on the button and in the text box?
The search form and its placeholder text are displayed by the theme that you are using on your site so you can change it by editing theme searchform.php file in the child theme as described in the following page.
Alternatively, you can change the text by translating your theme or using any of the below plugins to change it.
- February 13, 2019 at 8:31 PM #1809
Thanks, colour changed.
I’d like to remove the “search” button and replace it with an icon on the text box instead.
I don’t have a searchform.php file, so how would I approach this?
Jack
- February 14, 2019 at 11:27 AM #1810
I’d like to remove the “search” button and replace it with an icon on the text box instead.
You have to develop custom code to achieve this.
I don’t have a searchform.php file, so how would I approach this?
Then you have to create it which you can do by contacting the theme author or consider hiring a developer to develop it for you. You can hire a developer from any freelance site or WordPress agency.
You can also consider us to develop it for you using the form https://ivorysearch.com/custom-work/
- AuthorPosts
You must be logged in to create new topic or reply to the topic. Click To Login