How do i change search button Icon Color?

  • in Widgets, I added search in the latest version of wordpress. I chose it to show a search icon next to the field. it is light grey background with a blank magnifine glass. Can i change the icon background to black and the magnifine to white?

    Thanks,

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello @hunternott

    Thank you for reaching us.

    Please try adding this CSS inside WordPress Dashboard > Appearance > Customize> Additional CSS for changing the Search icon color and background and check it once?

    .wp-block-search__button {
    background: #000000;   
    color: #ffffff;
}

    Hope this helps.

    Regards.

    Thread Starter hunternott

    (@hunternott)

    Awesome that worked @manjilnepali1

    One last question can i make the black change to red for hover?

    Thanks,

    Hello,

    Glad to know that I could help.

    Also, please try adding this CSS inside WordPress Dashboard > Appearance > Customize> Additional CSS regarding changing Black color to red for hover in Search widget and check it once.

    .colormag-button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
    background-color: #ff0000;
}

    Hope this helps.

    Regards.

    Thread Starter hunternott

    (@hunternott)

    @manjilnepali1
    This is great! you are awesome. Everything is perfect now with the search bar.

    Hello @hunternott,

    Great to hear it worked for you.

    If you are liking our theme then we would be delighted if you could share your thoughts about it and our support as well by dropping a review here: https://www.ads-software.com/support/theme/colormag/reviews/#new-post

    Your reviews are very important to us as we will get to know how our valuable users are experiencing our product. It will also help us make our theme and support even better. Similarly, our other users will also be benefited from your review as they will learn something new because each of you will surely have a different kind of experience while using the product. Do provide me the review link if you decide to do it.

    I hope I will hear from you.

    Regards

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How do i change search button Icon Color?’ is closed to new replies.