Styling all "Magnifying glass" icons in search fields

[js100]

Hi guys! I have been working on styling all “magnifying glass” icons in all search fields (buddypress, bbpress -sidebars and widgets)

COPY CODE

/* icon hover on main search page */
#bbpress-forums #bbp-search-form input[type="submit"]:hover {
    background-position: -24px 0px; background-color: #F7F7F7;
}

#bbpress-forums #bbp-search-form input[type="submit"],
.widget form#bbp-search-form input[type="submit"],
.widget_search #searchform input[type="submit"] {
    transition: all 0.4s ease-in-out 0s; 
}
.widget form#bbp-search-form input[type="submit"]:hover,
.widget_search #searchform input[type="submit"]:hover{
    background-color: #F7F7F7;
}

.widget form#bbp-search-form input[type="submit"] { margin-top: 3px; }

Now ALL search fields are super!

😉

[js100]

Could you include this css rules in your next release?

[Abe]

Hello. Thanks for the code. We will definitely consider it for our next release

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts