- This topic has 3 replies, 2 voices, and was last updated 4 years, 7 months ago by
.
You must be logged in to create new topic or reply to the topic. Click To Login
- Posts
Hi Support team,
Hope you are doing well. I would like to reduce the width ( or length ) of search bar by css. I understand my question is not new issue , and following your instruction in previous posts, I know must add right id module into css option. But, I try 2 days ago and cannot make it changing anythings. I appreciate if you could help me some advices.
Here is my code
form.is-search-form.is-form-style.is-form-style-2.is-form-id-2025 label {
width: 40%;
max-width: 50%;
}
And my website wwww.Ltek.vn
Thank you TeamI hope you are well today and thank you for your question.
Every theme displays the search form differently so the CSS code that works on one website won’t work on another as the search form markup is different.
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
.main-header-bar input.is-search-input { width: 200px; padding: 6px 12px; }Best regards,
Ivory Search SupportHi Support Team
It worked, really appreciate your help . I leave my review on WordPress as well
https://wordpress.org/support/topic/perfect-plugin-and-fast-support-3/#new-post
Once again , thank you so much
Best regards
Kevin
You must be logged in to create new topic or reply to the topic. Click To Login