maxkat Posted January 22, 2018 Share Posted January 22, 2018 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! Link to comment Share on other sites More sharing options...
niche Posted January 22, 2018 Share Posted January 22, 2018 a few more facts pls Link to comment Share on other sites More sharing options...
maxkat Posted January 22, 2018 Author Share Posted January 22, 2018 http://bestanimations.com/ take a look at my front page I am editing now with w3. The new search is below all the links panel and above the Himalaya gif. Link to comment Share on other sites More sharing options...
maxkat Posted January 22, 2018 Author Share Posted January 22, 2018 i figured out its this line in w3 code * {box-sizing: border-box;} how do i change this? Link to comment Share on other sites More sharing options...
maxkat Posted January 23, 2018 Author Share Posted January 23, 2018 Anyone? Link to comment Share on other sites More sharing options...
Ingolme Posted January 23, 2018 Share Posted January 23, 2018 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. Link to comment Share on other sites More sharing options...
maxkat Posted January 24, 2018 Author Share Posted January 24, 2018 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. Link to comment Share on other sites More sharing options...
dsonesuk Posted January 24, 2018 Share Posted January 24, 2018 (edited) 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 January 24, 2018 by dsonesuk Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now