Centering Menu with Parament Theme

• 

  cleliabaldo · Member · Dec 28, 2013 at 1:33 am

  • Copy link
  • Add topic to favorites

  Hi,

  I have the Parament Theme and I would like to center the menu. I have changed the size from : 1000 px to 950 px, but now the menu bar is on the left and I can’t manage to center it.

  Here is the code :

  #menu {
  background: #070707;
  background: -moz-linear-gradient( top, #272727 1%, #070707 100% );
  background: -webkit-gradient( linear, left top, left bottom, color-stop( 1%, #272727 ), color-stop( 100%, #070707 ) );
  background: -webkit-linear-gradient( top, #272727 1%, #070707 100% );
  background: -o-linear-gradient( top, #272727 1%, #070707 100% );
  background: -ms-linear-gradient( top, #272727 1%, #070707 100% );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#272727′, endColorstr=’#070707′, GradientType=0 );
  background: linear-gradient( top, #272727 1%, #070707 100% );
  border: 1px solid #444855;
  border-radius: 7px;
  clear: both;
  float: left;
  margin: 0;
  padding: 7px 0 0;
  width: 950px;
  }

  Thank you for your help !
  ;-)

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

• 

  thesacredpath · Member · Dec 28, 2013 at 1:50 am

  • Copy link

  Hi there, to center align the menu in Paramount, add the following CSS at Appearance > Customize > CSS.

• 

  cleliabaldo · Member · Dec 28, 2013 at 3:45 am

  • Copy link

  Thank you for your quick answer ;-)

  But I don’t see the CSS you mention.
  Do I have to copy a code in the CSS customization panel ?

  Thank again.

• 

  thesacredpath · Member · Dec 28, 2013 at 3:59 am

  • Copy link

  Heh, sorry about that, I forgot to include the CSS. :( Here it is.

  #menu {
      text-align: center;
  }
  
  #menu ul {
      display: inline-block;
  }

• 

  cleliabaldo · Member · Dec 28, 2013 at 4:20 am

  • Copy link

  Thank you very much.

  But I don’t manage to center the block of the menu.
  The bar, and align it with the header and the rest of the page.
  (I’m sorry my English is a little confused…).

  ;-)

• 

  thesacredpath · Member · Dec 28, 2013 at 4:30 am

  • Copy link

  Ah, I thought you wanted to center align the menu items in the menu. To center the menu below the header, add the “margin-left” declaration I have below to the existing CSS you have, and don’t worry about your english, it is very good.

  #menu {
      margin-left: 25px;
      width: 950px;
  }

• 

  cleliabaldo · Member · Dec 28, 2013 at 4:37 am

  • Copy link

  Thank you, really !

  And happy new year. ;-)

• 

  thesacredpath · Member · Dec 28, 2013 at 4:44 am

  • Copy link

  You are welcome and Happy New Year to you also.