Hemingway Rewritten – change black box colour

• 

  charlottelizsaunders · Member · Mar 28, 2014 at 1:55 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I am creating a blog within the Hemingway Rewritten theme, but I’d like to change the colour of the black box where the blog name will sit on the home page and also the colour of the menu bar. Could someone provide some code that I can insert into the CSS box to do this please? I’m not sure which color to change to yet but most likely a soft grey.

  Thanks in advance!
  Charlotte

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

• 

  kaniamea · Member · Mar 28, 2014 at 6:27 pm

  • Copy link

  Hi Charlotte,

  try this:

  .site-branding {
      background: none repeat scroll 0% 0% #666;
      display: inline-block;
      padding: 1.7em;
  }

• 

  charlottelizsaunders · Member · Mar 28, 2014 at 6:51 pm

  • Copy link

  Thank you Kaniamea that worked perfectly!!! :)

• 

  charlottelizsaunders · Member · Mar 28, 2014 at 6:53 pm

  • Copy link

  one other thing… do you know how I can align the menu bar to be centered rather than aligned to the left?

  Thanks!

• 

  designsimply · Member · Apr 2, 2014 at 1:47 pm

  • Copy link

  It’s a little tricky in the Hemingway Rewritten theme because of how the menu sizes are set to a fixed width. You can undo it and then use display:inline-block and text-align:center to get around that. Here is an example:

  @media screen and (min-width: 800px) {
  	.main-navigation {
  		text-align: center;
  	}
  	.main-navigation ul {
  		max-width: inherit;
  		width: auto;
  		display: inline-block;
  		margin-bottom: -12px;
  	}
  }

  The “min-width: 800px” part is to limit the change to large screen sizes.