/programmable-search/community?hl=en
This content is likely not relevant anymore. Try searching or browse recent questions.
-
The search box isn't display correctly 1 Recommended Answer 6 Replies 0 Upvotes
1 Recommended Answer
$0 Recommended Answers
1 Relevant Answer
$0 Relevant Answers
I created successfully the search engine, but when I try to put the JS code in my WordPress site and replace the regular search box, it isn't displayed correctly:




As you can see the text box has two lines and obviously it doesn't look good.


This is the URL of my website: https://kodibeginner.com

Please assist me in solving this issue.
Most Relevant Answer Most Relevant Answers (0)
All Replies (6)
Most Relevant Answer
Hi Oren,

Accessed your website "https://kodibeginner.com/" and was not able to see the query which you have reported. It seems you have the search box implemented properly.



Thanks
marked this as an answer
Most relevant based on info available
-
Most Relevant Answer
Thanks for checking!

The search box in your screenshot is the regular WordPress search box and not the one used by Adsense.
I removed the Adsense search box JS code because it doesn't look good, as you can see in the screenshot I attached.

What do I need to do to fix this?
marked this as an answer
Most relevant based on info available
Most Relevant Answer
Hi Oren,

As you mentioned "I removed the Adsense search box JS code" but when I accessed your website https://kodibeginner.com/ and performed search, I'm seeing the same search box:

Otherwise to narrow down the problem, can you please create a test html page and implement the default Programmable Search Engine implementation code only and check if you are seeing the same problem. If the search box is rendered properly that means there is some code in your website implementation which is overriding the default Programmable Search Engine implementation code and cresting the problem.

You can use browser developer tool i.e Inspect Element and check out things.

Thanks
marked this as an answer
Most relevant based on info available
-
Most Relevant Answer
Hi,

The search box you are referring to is the default WordPress search box, which is based on PHP code not and related to JS at all.
If I put the Adsense JS code I get a search box with the text "Enhanced by Google", but its rendering is all wrong as you can see in the screenshot I sent.

If I implement at test HTML page, as you suggested, the search box is rendered correctly.

I will use the browser tool to try finding what override the default Programmable Search Engine implementation code. However, I am not sure what to look for.
Can you instruct me what in the CSS code can cause such problem?

Thanks a lot for your help!
marked this as an answer
Most relevant based on info available
-
Most Relevant Answer
I will try it, thank you!
marked this as an answer
Most relevant based on info available
This question is locked and replying has been disabled.
Discard post? You will lose what you have written so far.
Write a reply
10 characters required
Failed to attach file, click here to try again.
Discard post?
You will lose what you have written so far.
Personal information found

We found the following personal information in your message:

This information will be visible to anyone who visits or subscribes to notifications for this post. Are you sure you want to continue?

A problem occurred. Please try again.
Create Reply
Edit Reply
Delete post?
This will remove the reply from the Answers section.
Notifications are off
Your notifications are currently off and you won't receive subscription updates. To turn them on, go to Notifications preferences on your Profile page.
Report abuse
Google takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Go to the Legal Help page to request content changes for legal reasons.

Reported post for abuse
Unable to send report.
Report post
What type of post are you reporting?
Google takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Go to the Legal Help page to request content changes for legal reasons.

Reported post for abuse
Unable to send report.
This reply is no longer available.
/programmable-search/threads
//accounts.google.com/ServiceLogin
You'll receive email notifications for new posts at
Unable to delete question.
Unable to update vote.
Unable to update subscription.
You have been unsubscribed
Deleted
Unable to delete reply.
Removed from Answers
Marked as Recommended Answer
Removed recommendation
Undo
Unable to update reply.
Unable to update vote.
Thank you. Your response was recorded.
Unable to undo vote.
Thank you. This reply will now display in the answers section.
Link copied
Locked
Unlocked
Unable to lock
Unable to unlock
Pinned
Unpinned
Unable to pin
Unable to unpin
Marked
Unmarked
Unable to mark
Reported as off topic
/programmable-search/profile/0?hl=en