Header Color & Alignment – Twenty Twelve

• 

  stephlukblog · Member · Jan 30, 2014 at 8:39 am

  • Copy link
  • Add topic to favorites

  Hello,

  Is there a code I can paste into my CSS editor that will make my header, navigation, and the borders #fdedbe? And center align them? I’m brand new to CSS and am not grasping the child theme. Is anyone willing to break it down for a CSS dummy? I’m using WordPress.com if that makes a difference. Thank you so much in advance!

  Steph

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

• 

  justpi · Member · Jan 30, 2014 at 10:31 pm

  • Copy link

  To center the navigation menu, paste this:

  .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
  text-align: center;
  }

  To change the color of the menu borders, paste this:

  .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul, .main-navigation li ul li a {
  border-color: #FDEDBE;
  }

  Or do you mean all borders?

  And when you say you want to change the color of the header and the navigation, do you mean the text? #FDEDBE will be almost illegible against a white background.

• 

  stephlukblog · Member · Feb 2, 2014 at 11:50 pm

  • Copy link

  Hi justpi,

  Thank you for the help thus far! I would like to change the color of the background for the header and the borders of the navigation so that the only white background is behind the posts and sidebar. Any insight as to how to center the title of the blog too?

• 

  justpi · Member · Feb 4, 2014 at 11:25 am

  • Copy link

  You’re welcome.
  Try this and see if it’s close to what you’re looking for:

  .site-header {
  background-color: #FDEDBE;
  }
  body .site {
  padding: 0;
  }
  .site-content, footer[role="contentinfo"] {
  padding-left: 1.5rem;
  }
  .widget-area {
  padding-right: 1rem;
  }