Search Box in topinfobar...

Using what you have told other members, I have removed the "tip" and all other information from topinfobar except social icons. I'd like to add a site search box to the top right. How can I do this?

 

Hello,

Please download "header.php" file attached and replace it with your current "header.php" file.
then,
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .topinfobar .searchform {
margin-top: 5px;
}

Thanks & Regards
Gourav Shrivastava

 

Thanks for putting that together...the only thing is the search bar is just to the right of the social icons. I'd like it to be all the way to the right, if possible.

 

Also, one other thing (www.localmarketdominance.com)...the search bar is two colors. I'd like to have it transparent. Again, thanks for th help

 

Hello,

Please share screen short of your header and do let me know exact position where you want to shift search field.
For background color.
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.topinfobar .searchform input[type="text"] {
background: transparent!important;
border: 1px solid rgb(124, 95, 95);
}

Thanks & Regards
Nitesh Raghuwanshi

 

That transparency works perfect...Have attached screen grab showing where search bar is currently, and where I want it...Thanks.

 

Hello,


The website link you have sent is not working, it seems that there is some text missing in the web address. So check the link again and resend to us. So that we can check your issue.



Thanks & Regards
Gourav Shrivastava

 

I'm sorry, I'm confused...I didn't send a link...Nitesh asked me to send a screen grab of where the search bar was now and where I wanted it to be. Is that not legible in the screen grab above?

 

Hello,

Header file that shared will set search field to the right side. Don't know why it is not happening at your site.
please provide the following information listed below.

Thread Link:
Your Website URL:
WordPress Username:
WordPress Password:

Send this information on our email at [email protected]
I will check and set it properly.

Thanks & Regards
Nitesh Raghuwanshi

 

Think I fixed it, but how do I remove the "x" that allows hiding the topinfobar?

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.closeicon {
display: none;
} 

Thanks & Regards
Gourav Shrivastava