Change Magnifyng glass icon color

[Gus]

Hi i would like to change the color of this icon on the Forum search bar (screenshot attached). The page is: https://www.xn--moa-8ma.com/forums/

Thanks

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

There we cannot modify the color via css because there it’s using a sprite (a image) : https://www.xn--moa-8ma.com/wp-content/themes/kleo/assets/img/sprite.png

That you should download and edit it in photoshop or in a similar program then re-upload it

Cheers
R.

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

What support service includes ? What not ?

[Gus]

Hi Radu. Is there any way of doing this without losing the change in theme update?

Thanx

[Radu]

Hi,

I think yes, upload your modified image to child theme in wp-content/themes/kleo-child/assets/img/

then add this css to child theme style.css

COPY CODE

#bbpress-forums #bbp-search-form input[type=submit], #bbpress-forums #bbp-search-form input[type=submit] {
    border: 0;
    text-indent: -9999em;
    background: url(../../assets/img/sprite.png) no-repeat;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    position: relative;
    float: right;
    margin-top: 3px;
}

Instead of ../../assets/img/sprite.png put your image url

Cheers
R.

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

What support service includes ? What not ?

[Author]

Posts