Change search icon colour

  • fiamcdermott

    (@fiamcdermott)


    8 years ago

    Hi there,
    I’ve been using Additional CSS and I downloaded the Simple CSS Plugin. After research around the web, I’ve tried some different lines of code to change the colour of the search icon. However, nothing is working.
    It is currently white on a white background, and I want to change the icon (magnifying glass) to black.

    I’m not too experienced with CSS so I’m thinking it may have something to do with the “cascading” element and where Additional CSS is located within the order of code. Maybe not.
    I recently updated the Hueman theme so maybe that’s something. It worked a while ago.
    Any help is much appreciated. Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • emranemranx

    (@emranemranx)

    8 years ago

    Hi there,

    You can try adding the following code to your Admin Panel > Appearance > Customize > Advanced Options > Additional CSS field:

    .themeform.searchform div:after {
  color: red;
}

    Thanks!

    Thread Starter fiamcdermott

    (@fiamcdermott)

    8 years ago

    Thanks for the reply.

    Still not working though. Additional CSS seems to be overwritten by some other part of the theme, though I’m not too familiar with CSS to know the ins and outs. Perhaps there’s a way to edit it in the Editor?

    Thanks, Fiachradh

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

The topic ‘Change search icon colour’ is closed to new replies.