Streaming live at 10am (PST)

Custom Google Search Icon not Showing


#1

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.


#2

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


#3

http://googlecsetest.webflow.com/

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

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


#4

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;


#5

This really worked! Icon shows now. Thank you!


#7