Search code examples
cssgoogle-custom-search

Google CSE custom search CSS

Ok, I am usually very good with CSS but this has me completely perplexed. I have used a css detector tool on my google custom search bar to try to spot the problem but to no avail. This is the website (you can see the search bar in the header top-right):

http://www.goldtokens.net/

The "google custom search" bit of text seems vertically displaced from the text box. I can't seem to find any css reason why. The margins and paddings of all elements (that I can see) seem to be fine.

Solution

  • This css in your main.css file causing problem:

    table {
    border: 0 none;
    margin: 10px auto 30px;
    width: 100%;
}

    Remove margin and it sorts itself out :)