: Google Custom Search layout problems When I install the custom search script on my page, the layout is broken. See the attached screenshot. I cut and pasted the following code: <script>
When I install the custom search script on my page, the layout is broken. See the attached screenshot.
I cut and pasted the following code:
<script>
(function() {
var cx = '000119385509173658979:1gb8nobc8-a';
var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
})();
</script>
It works but it looks screwed up. How can fix this?
More posts by @Cofer257
1 Comments
Sorted by latest first Latest Oldest Best
Here's the CSS that fixed it:
.gsc-input-box {
background: none !important;
border: none !important;
height: auto !important;
}
.gsc-search-box .gsc-input>input:hover,
.gsc-input-box-hover {
border: none !important;
}
.gsc-search-box .gsc-input>input:focus,
.gsc-input-box-focus {
border: none !important;
}
.gsc-result .gs-title {
line-height: 1.5em !important;
}
input.gsc-input {
border: 1px solid #d9d9d9 !important;
}
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.