massy74

Sorry but the code I have put above is the search box itself. There is nothing else in the code. That code is to create the search box I guess.

Above, it is the code for search box that I copied from a theme belonging to the same family of one I am using now. I added it just after the header style. I assumed that this code was going to show the search box on the top right hand site (that’s where it is located on the theme where I copied the code from).

That’s exactly what I am asking why it is not happening. The box search is no where.

Maybe it is better to put the question in other way round. How can I insert a search box in a theme?

Hi

I have deleted all items related to search and added the code above therefore I don’t have a mark up. The box search is nowhere.

Hi

The theme has been completed modified so it is not appropriate to put it onto the theme forum.

There should be a way to put a search box anywhere on the screen.

I also tried to delete all lines related to search and added this top search code in my style.css:

/* top search
=======================================*/
.search-box {
	margin:0;
	padding:0;
	max-width:100%;
	height:30px;
	margin-bottom:0px;
}
.search-box .searchform {
	background-color:#fff;
	width:235px;
	height:30px;
	border:none;
	position:relative;
	margin-top:10px;
	margin-bottom: 10px;
	margin-bottom:0;
}
.search-box .searchform input[type="text"] {
	width:200px;
	height:29px;
	background:#fff;
	border:none;
	padding:1px 0px 0px 7px;
	color:#343434;
}
.search-box .searchform input[type="submit"] {
	position:absolute;
	right:6px;
	top:7px;
	background:url(images/search.png) no-repeat;
	width:18px;
	height:18px;
	border:none;
	cursor:pointer;
	text-indent: -9999px;
}
.top-search {
	float: right;
}
#sider-bar .searchform ,#siderbar .searchform{
	background: none repeat scroll 0 0 #F7F7F8;
	border: 1px solid #DFDDDD;
	margin-bottom: 20px;
	margin-right: 5px;
	position: relative;
	width: 97%;
}
#siderbar .searchform input[type="text"]{
	background: none repeat scroll 0 0 #F7F7F8;
}
#sider-bar .search-box.searchform input[type="text"] {
	background-color:#f8f8f8;
	border:none;
	padding:1px 0px 0px 7px;
	color:#666;
}
#sider-bar .searchform input[type="text"] {
	/*width:272px;*/
	width:97%;
	height:29px;
	/*height:34px;*/
	background-color:#f8f8f8;
	border:none;
	padding:1px 0px 0px 7px;
	color:#666;
}
#sider-bar .searchform input[type="submit"] {
	background: url("images/search.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	height: 23px;
	position: absolute;
	right: 0;
	top: 7px;
	width: 28px;
}
.error-search .searchform {
	background: none repeat scroll 0 0 #F7F7F8;
	border: 1px solid #DFDDDD;
	float: left;
	margin-bottom: 20px;
	margin-right: 5px;
	position: relative;
	width: 210px;
}
.error-search .searchform input[type="text"] {
	background: none repeat scroll 0 0 #F8F8F8;
}

But still no search box is being shown.

Hi

It is still unclear how I can put my search box on top right hand side. As explained, the theme I am using now allow the search box to be positioned in the middle of blog. I want it on the top instead.

Would anyone be so kind as to advice how I can do that?

Thanks

Apologies – I forgot to add body.ls_top before and it worked now.
Thanks
M

Hi

I have the same problem – Would anyone be so kind as to help us out?

Thanks
M

I prefer going for the former and understand how I can put the search box in a particular area of my website.

Now I am not sure that I fully understood the link you have just sent to me. It is still unclear how I can put the search box in a position I want according to your link.

Hi

I thought the theme is regardless as I need to be able to put the search box in a particular position using any theme. Now the search box should appear in the center (I use “should” as it does not show at all now as I downgrade the version of theme as the latest does not work properly for me. The latest show it in the middle of the blog area.).

My website is https://www.ultimech.com/wordpress
I would like to put the search box on top right hand side.

Thank you
Massy

Anyone kind as to help me out with this please?
Thanks
M

Nobody can help??

Please help.
Thanks
M

By the way, this is a general question I guess.

How to reproduce onto my website what is being shown in the demo. Right?

Thank you for your help.