Widen Twenty Eleven theme column

• 

  naturallyalyssa · Member · Jun 28, 2012 at 9:39 pm

  • Copy link
  • Add topic to favorites

  I want to widen the main column of this theme to make it more like http://www.hummusbird.com – one of the examples for the theme. Also on Hummusbird, is it a widget that she’s using for the little photo and description to the right side?

  Thanks!

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

• 

  naturallyalyssa · Member · Jun 28, 2012 at 9:42 pm

  • Copy link

  Okay, I widened the column using this –

  .one-column #page {
  max-width: 1000px;
  }

  – but now I need to widen the photos as well

• 

  thesacredpath · Member · Jun 28, 2012 at 9:59 pm

  • Copy link

  Images widths when inserted are based on the maximum width allowed for the theme configuration at the time of insertion. Beneath the CSS edit box is a “max video/image width field, and you have to increase the width there by the same amount that you increased the width of page. 1000 – 690 = 310px) Add 310px to the width shown in that max video/image width field and save. Then you have to go back into each post, delete the images and reinsert them. There might be some problems though. The image in your Fuschia post is only 500px wide to begin with, so you will have to redo that image on your computer and then upload the new wider version.

• 

  naturallyalyssa · Member · Jun 28, 2012 at 10:08 pm

  • Copy link

  That really helps a lot, thanks!

• 

  naturallyalyssa · Member · Jun 28, 2012 at 11:00 pm

  • Copy link

  Arg! Now I cannot for the life of me figure out how to get rid of the navigation margin box! Or at least make it white, and centered text.

• 

  designsimply · Member · Jun 29, 2012 at 1:29 pm

  • Copy link

  get rid of the navigation margin box

  Do you mean the search bar? To hide the search box in the navigation bar on the Twenty Eleven theme and also center the menu, add this to your Appearance → Custom Design → CSS editor:

  #branding #searchform {
  	display: none;
  }
  #branding .only-search + #access div {
  	padding-right: 0;
  }
  .menu-main-menu-container {
  	text-align: center;
  }
  #menu-main-menu {
  	display: inline-block;
  }

  Or at least make it white

  To change the colors of the navigation menu bar in the Twenty Eleven theme, check out this answer: https://en.forums.wordpress.com/topic/changing-menu-design-on-twenty-eleven?replies=2#post-915969