• Hi.

    I am using a Google custom search engine on my website. Wherever I use the search box, there are extra borders around it. These do not show in the editor but are seen on the page.

    In the above URL, you can see them in the sidebar and in the main content. These were not seen in my previous theme.

    How can I get rid of these?

    View post on imgur.com

    View post on imgur.com

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hello @amarudare

    It seems you are referring to the border.

    Can you confirm the same? Here’s even a screencast of the same.

    I can see the default TD values of the table from the theme which is being visible as you can see in the screenshot.

    You can use the following custom CSS to hide the borders –

    .gsc-input-box table, td {
        border: none !important;
    }

    I hope that helps.

    Regards,
    Suman

    Thread Starter WP_User

    (@amarudare)

    Thank you Suman for the prompt reply.

    The issue I will try this.

    I saw your screen cast, that will remove the borders. But there is additional padding around the google custom engine search box.

    The searchbox should look like the one on WordPress or elsewhere. On my website there is lot of padding around it.

    Can we rectify it? It is not seen with other themes.

    Thanks

    Hello @amarudare

    As I checked, for the input field I could see the default padding from the plugin. While for the td elements, these are deafult values of padding and should be overwritten by the plugin.

    While could you let us know the exact plugin name or plugin URL and themes you have tried where you do not see the values?

    So that if possible we can take a look and handle the same by default from our theme.

    Looking forward to hearing from you!

    Regards,
    Suman

    Thread Starter WP_User

    (@amarudare)

    Hey Team

    I have not used any plugin. The code has been directly sourced from Google. I have pasted it as it is.

    Thanks.

    Hello @amarudare

    Can you help us with the code, or where we can find the same?

    Looking forward to hearing from you!

    Regards,
    Suman

    Thread Starter WP_User

    (@amarudare)

    Here is the code

    <div id="search-box">
    <script>
      (function() {
        var cx = 'partner-pub-XXXXXXXXXXX';
        var gcse = document.createElement('script');
        gcse.type = 'text/javascript';
        gcse.async = true;
        gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(gcse, s);
      })();
    </script>
    <gcse:searchbox-only></gcse:searchbox-only>
    </div>

    Hello @amarudare

    I am sure how these codes would return the search box, as I tried the code, HTML, and even on Sidebars.

    Do they need some setup from the Google Custom Search to display the Search box and also which was the theme you were using previously where it didn’t display the borders?

    We would need to cross-verify after we are able to display the Custom Search of Google.

    Looking forward to hearing from you!

    Regards,
    Suman

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Borders around Google custom search engine’ is closed to new replies.