Template: Twenty Eleven; Change Default search box in header area

• 

  tmkdirect · Member · Jan 21, 2012 at 2:19 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I’m trying to removed and then replace the Global Search box feature that appears in the header area of my default template. Once I remove the search box, I would thne like to replace that with my company logo in the same area. I’m using the Twenty Eleven template. I have the Custom Design upgrade. Does anyone know how I might do that?

  Thanks,

  The blog I need help with is: (visible only to logged in users)

• 

  andrewjhayward · Member · Jan 21, 2012 at 5:11 pm

  • Copy link

  To remove it you need to use this CSS:

  #branding #searchform {
  display:none;
  }

  I’m not entirely sure how to add your company logo, but this should give you a good start point http://wordpress.org/support/topic/twenty-eleven-own-logo-and-headline-size

• 

  airodyssey · Member · Jan 21, 2012 at 5:12 pm

  • Copy link

  @andrewjhayward: Just to let you know that not everything that works on WordPress.org works at WordPress.com as well. Perhaps some basic CSS will work the same on most themes, but anything beyond that (like PHP editing) simply cannot be done on WordPress.com.

• 

  andrewjhayward · Member · Jan 21, 2012 at 5:21 pm

  • Copy link

  Thanks airodyssey, it took me a while to realise the difference between the functionality of the .org and .com when I first started out.

  I can confirm that both the code I posted above and this:

  #branding {
  border-top: 2px solid #bbb;
  padding-bottom: 10px;
  position: relative;
  z-index: 2;
  background: #eee url(http://www.magnumfinancial.co.uk/wp-content/uploads/2011/07/top-header-2.gif) no-repeat;
  }

  from the other thread both work in custom design :)