Ivory Search › Forums › Support › Search bar appears quite small on page
Tagged: search bar, size
- This topic has 3 replies, 2 voices, and was last updated 2 years, 1 month ago by Ivory Search.
You must be logged in to create new topic or reply to the topic. Click To Login
- AuthorPosts
- September 28, 2022 at 5:22 AM #13252
I have single page on my website with the search bar that can be viewed here (https://www.jessicacats.com/search). The problem is that the search bar is much smaller than I would like.
I’ve added the following Custom CSS to make sure the search bar fills the width of the page, but the search bar is still quite small and ideally, I’d love for it to be much larger in height. Please let me know what I need to do in order to make the search bar larger on the page.
.is-form-id-2082 input.is-search-input {
padding: 0.6rem 1rem;
}
form.is-form-id-657 input.is-search-input {
font-size: 20px !important;
}
.is-form-id-2082 label {
width: 180px;
}
#signin textarea {
resize: none;
}
@media (max-width: 768px){
.secondary-navigation li.menu-item-type-gs_sim {
display: none;
}
} - September 28, 2022 at 9:22 PM #13264
I hope you are well today and thank you for your question.
You can make it larger by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Admin Area -> Ivory Search -> Settings -> Settings
.is-search-form input.is-search-input { height: 46px; font-size: 21px!important; }
Best regards,
Ivory Search Support- September 28, 2022 at 10:36 PM #13265
Thank you!
- September 29, 2022 at 2:39 PM #13272
You are always welcome, I’m glad I was able to help you with this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:
I’d really appreciate that. 🙂
And if I can be of any further assistance please don’t hesitate to ask.
- AuthorPosts
You must be logged in to create new topic or reply to the topic. Click To Login