[Resolved] Search Icon Field is Invisible

[Dan]

When I click on the search icon in the menu I can see a cursor flashing on top of my menu items, but no field or background. How can I give that field a background and a proper look?

http://crushtheresistance.com/

Thanks!

[Leo]

Hi there,

Give this a shot: https://generatepress.com/forums/topic/search-box-color-size-expand/#post-282049

Let me know.

[Dan]

Unfortunately, that didn’t seem to work. When I click the magnifying glass, the cursor just pops up on top of my menu items. Interestingly, when I click and hold on the X button to close it, the background does show up momentarily.

http://crushtheresistance.com/

This is the code I used from that post:

.navigation-search input[type="search"], 
.navigation-search input[type="search"]:active {
    color: #3f3f3f;
    background-color: #3f3f3f;
}

[Leo]

Can you try:

.navigation-search input[type="search"], 
.navigation-search input[type="search"]:active {
    color: #ffffff !important;
    background-color: #3f3f3f !important;
}

[Dan]

That seems to have done the trick. Thanks!

[Leo]

No problem!

[Author]

Posts