Search box in Oulipo

triskill · Member · Jun 25, 2012 at 9:47 am
Copy link

Add topic to favorites
How do I get rid of the search box opposite the header image in Oulipo? There are two seach boxes on the page so why have one in this position – any ideas?

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Jun 25, 2012 at 4:41 pm
Copy link
To hide the search form built into the Oulipo header, add this to your Appearance → Custom Design → CSS editor:
```
#search #searchform {
	display: none;
}
```
Then if you wanted to replace the header image with a wider one, you could start with this:
```
#header img {
	display: none;
}
#header {
	display: block;
	background: url(http://triskill.files.wordpress.com/2012/06/cropped-1433.jpg);
	width: 960px;
	height: 80px;
}
```
Change the url() value to an image link from your media library. Note that a 960 x 80 pixel image will work best, but you could also adjust those values if you’d like.
triskill · Member · Jun 26, 2012 at 1:02 pm
Copy link
Thank you – That worked perfectly!

Would you also know how to drop in a logo into the left hand side margin where the blog title and header are positioned?

Cheers!
designsimply · Member · Jun 26, 2012 at 6:41 pm
Copy link
Sure, this should do the trick:
```
#main-nav h1.masthead a,
#main-nav h1.masthead a:hover {
	background: url(http://s.wordpress.org/about/images/logo-blue/blue-m.png) no-repeat;
	padding-top: 100px;
}
```
Change the url() value to an image link from your media library. Change the padding-top value to the height of your image or adjust it until the logo placement looks good to you.
triskill · Member · Jun 27, 2012 at 7:28 pm
Copy link
Unfortunately that has changed my header image to the logo. I might have been a bit unclear. I was hoping to insert my logo into the left hand side margin instead of just writing the name of my company. Thanks for your help so far!

No items found.