Search box in Oulipo

  • Author
    Posts
  • #927422

    triskill
    Member

    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 triskill.wordpress.com.

    #927610

    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.

    #927670

    triskill
    Member

    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!

    #927681

    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.

    #927713

    triskill
    Member

    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!

The topic ‘Search box in Oulipo’ is closed to new replies.