Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #838907

    Hi,
    Since this topic is closed, I need to open a new thread with a similar question:

    How can I replace the search submit button (including the magnifying glass) with my own? The only difference is that I use the search widget in the header ;)

    Please see screenshot here: http://imgur.com/liO9nRU

    I already tried the solution that Victoria gave with the addition of a background image:

    #search-3 #searchform #searchsubmit {
    color: transparent;
    background: #ffffff url(https://www.two2tango.info/newsite2017/wp-content/uploads/2017/08/arrow_search.png) no-repeat scroll right center !important; 
     padding: 0px!important;
    }

    As you can see it works but the only thing I can’t get to work is to get both the input field as the submit button the same height. The height of the input field is leading.

    Thanks for your help!

    Regards,

    Steven

    Regards,

    Steven

    #839143

    Hey steviger,

    Looks like you have tried this in your CSS but it’s wrong, the correct way to apply a border to the element looks like this:

    #header #s {
      border:1px solid white;
    }

    Best regards,
    Rikard

    #839411

    Hi Rikard,

    Thanks! It works.

    Cheers,

    Steven

    #839427

    Hi,

    I’m glad Rikard was able to help you with this. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Replace the search submit button (including the magnifying glass) with my own’ is closed to new replies.