Streaming live at 10am (PST)

Custom Google Search Icon not Showing

So this has come down to a CSS problem.
I’m not too sure how to deal with it.

Currently the code I get from CSE is embedded into my div block.

However, the search icon is missing.

FIXED. Read comment below.

Can you show us something like a public url, that’s little less cryptive than this txt? :wink:

http://googlecsetest.webflow.com/

You can hover over the button, but the icon is missing

https://webflow.com/design/googlecsetest?preview=727211c6fad39a388ce2eda2d2b71b29

Fixed. If anyone ever encounters this error in the future, replace…

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
border-color: #474747;
background-color: #474747;
background-image: none;
filter: none

WITH
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
width: auto !important;
height: auto !important;
border-color: #474747;
background-color: #474747;
background-image: none;
filter: none;

This really worked! Icon shows now. Thank you!