Hi guys,
A pretty straight forward question. How can I properly right position a background image (icon) with a right padding in the searchbox?
I’ve done it several times with other projects but after half a day trying, I can’t seem to get it to work this time.
This is the CSS so far:
.av_searchform_wrapper {
border: #2c7d95 1px solid!important;
border-radius: 40px!important;
background-image: url('https://www.steviger.nl/wp-content/uploads/2025/07/vergrootglas.webp');
background-repeat: no-repeat;
background-position: right center;
padding-right:30px;
}
#top #s{background:#fff!important;}
And, while I’m on it…. How can I hide the Ajax search response because this no longer works
#top #searchform .ajax_search_response, .ajax_load {
display: none !important;
}
Thanks in advance!
Regards,
Steven
Hey steviger,
Thank you for the inquiry.
You may need to adjust the background-position and right padding a bit. Please try this css code:
.av_searchform_wrapper {
border: #2c7d95 1px solid!important;
border-radius: 40px!important;
background-image: url('https://www.steviger.nl/wp-content/uploads/2025/07/vergrootglas.webp');
background-repeat: no-repeat;
background-position: right 20px center;
padding-right: 50px;
}
To disable the ajax response container, include this:
#top .ajax_search_response {
display: none !important;
}
Best regards,
Ismael