Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1486599

    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

    #1486630

    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

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