Search Icon Configuration

  • Resolved epicjono

    (@epicjono)


    3 years, 6 months ago

    Hi again. I’m almost done making the preferred changes to my website, but there are a couple minor things left. One of them is configuring the search icon. I’ve managed to change the color to #D7AFFF. The hover color is currently gray, and I’d like to change it to white. Also, I don’t know if this is because of something I did, or if it’s just how the theme is, but after the search icon is clicked, if I click away from the box to remove it, the search icon stays gray (#D4D4D4). I’d like to change that color to #D7AFFF as well. I pretty much only want it to be white when hovered.

    Thanks in advance for the help!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi there,

    This CSS should work nicely:

    .site-header .search-form-container button:hover i {
  color: #fff;
}
.site-header .search-form-container button:active i, 
.site-header .search-form-container button:focus i {
  color: #D7AFFF;
}
    Thread Starter epicjono

    (@epicjono)

    Perfect.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Search Icon Configuration’ is closed to new replies.