Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 4, 2016 at 8:12 pm #695221
    lzevon

    I’ve spent quite some time trying to figure out something I assumed was going to be easy to pull-off. I’d like the results of the search to work as follows…

    1. the results as they appear are fine
    2. when hovering over a result the background turns white, which is OK, but the link colors are also white, rendering them invisible – I tired things like…
    .header_color .ajax_search_title a:hover, .header_color .ajax_search_excerpt a:hover { color: #0064c8; }
    …without any luck.
    3. the search icon disappears on hover now, I’d like it to stay white
    4. the search icon within the search box has a green background on hover – I’d like no color there

    I generally don’t have too much issue updating CSS, but it seems lately this theme is giving me fits and using tools like Firebug less useful.

    October 5, 2016 at 5:18 pm #695640
    Yigit

    Hey lzevon,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .header_color .ajax_search_entry:hover * {
    color: #0064c8;
}
.header_color input[type='submit']:hover {
    color: white;
    background: #0064c8;
}
li#menu-item-search:hover a, li#menu-item-search a:hover {
    color: white!important;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘search box styling’ is closed to new replies.