Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 10, 2025 at 3:15 pm #1486599
    steviger

    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

    July 11, 2025 at 7:17 am #1486630
    Ismael

    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;
}

    View post on imgur.com

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.