Header in Twenty eleven

• 

  sebastienmillier · Member · Sep 2, 2011 at 12:16 pm

  • Copy link
  • Add topic to favorites

  Hi
  My blog: http://sebastienmillier.wordpress.com

  I just changed my theme to get twenty eleven
  I’m quite happy with it but I would like to change few things in the CSS (I subscribed to the CSS option)

  1_ in the header (“sebastien millier // photography”…), I want to change the height (too high for me)
  2_ in the menu, just below the header (home – portfolio – contact), I want to change the color background (actually black)

  Someboby can help me?
  Thanks by advance

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

• 

  designsimply · Member · Sep 2, 2011 at 4:09 pm

  • Copy link

  To change the header height in Twenty Eleven, first upload the header image with the dimensions you want to your media library and get the image URL. Then try the following and replace the URL inside url() with your image:

  header#branding a img {
      display: none;
  }
  header#branding a {
      display: block;
      width: 1000px;
      height: 150px;
      background: #fff url(http://sebastienmillier.files.wordpress.com/2011/09/en-tete_blog01-2011.png?h=150) no-repeat;
  }
  header#branding nav a {
      width: auto;
      height: auto;
      background: none;
  }

  In Twenty Eleven, you can change the menu background color like this:

  #access {
      background: #0000ff;
  }

• 

  cojomediac · Member · Sep 2, 2011 at 11:47 pm

  • Copy link

  HI Guys,
  I apologize for coming up with such a ridiculous questions but I’m totally new into this.

  * How you get to access this coding page so that you can start modifying the CSS in 20-11?

  * How can I change the Width of a Page so that I can integrate it into Facebook (20-11 Theme)?

  * How can I use different layouts on different pages keeping only the Header and menus constant/fixed?

  Thank you,
  Ed

• 

  timethief · Member · Sep 3, 2011 at 1:00 am

  • Copy link

  How you get to access this coding page so that you can start modifying the CSS in 20-11?

  You purchase an annually renewable custom design upgrade. Then you go here Appearance → Custom Design in your dashboard. But before you begin note that when you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing. Read this for more info:
  http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

  * How can I change the Width of a Page so that I can integrate it into Facebook (20-11 Theme)?

  You cannot integrate a WordPress.com blog into Facebook nor can you embed it into any other site.

  How can I use different layouts on different pages keeping only the Header and menus constant/fixed?

  I strongly advise that you read this section do you understand that all you can do with a custom design upgrade is change the appearance of your WordPress.com blog. You cannot change functionality at all.

• 

  thesacredpath · Member · Sep 3, 2011 at 1:01 am

  • Copy link

  The CSS editing page is at appearance > custom design. Have you bought the Custom Design upgrade?

  As far as I know, you cannot integrate a page from here into Facebook. You could link to it from Facebook but you cannot put it “in” Facebook.

  To have different layouts on different pages, you have to target the specific page by page ID# and then you have to create a set of CSS for each individual page.