Jump to content
maxkat

Google Custom search

Recommended Posts

Hi Guys

So I just update my Google Custom Search code.

AND W3 CSS is screwing it up! I remove the css and google code is fine. I put the w3 back and the search button screwily dissapears. 

I cant find any help. So pls help!

Share this post


Link to post
Share on other sites

a few  more facts pls

Share this post


Link to post
Share on other sites

If it was just that, then you could reset it by setting the box-sizing to content-box. In the case of your site, this probably will work:

#___gcse_0, #___gcse_0 * {
  box-sizing: content-box;
}

I tried that, though, but there are more issues. It seems to be that setting the line-height to 1.5 is also messing with the layout, so you would need to reset that too.

.gsc-input {
  line-height: normal;
}

I don't know if this will solve all the layout issues.

Share this post


Link to post
Share on other sites

Thanks. Not sure. W3 should be fixed for that since even they use Google search. 

I been going up and down the w3 source code on the front page but cant figure it out. 

Share this post


Link to post
Share on other sites

I don't understand? Do you want two searches? if you want the bottom search within the section above it place it in the section above it? place all references to css imports in external style sheet OR inline between <head> and </head> within style tags, also you can't have duplicate id reference on search form if you want two of these, if these are JavaScript created this code needs adjusting to change id references.

check out validation errors report https://validator.w3.org/nu/?doc=http%3A%2F%2Fbestanimations.com%2F

Edited by dsonesuk

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×