Need header menu font larger

• 

  marshallcweber · Member · Jan 21, 2014 at 8:16 pm

  • Copy link
  • Add topic to favorites

  Any ideas?

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

• 

  timethief · Member · Jan 21, 2014 at 8:21 pm

  • Copy link

  This is the image is the space allowed for a header image on that Expound theme which I also use
  The space at > Appearance > Header is:
  Images should be at least 1020 pixels wide. Suggested width is 1020 pixels. Suggested height is 154 pixels.

• 

  timethief · Member · Jan 21, 2014 at 8:25 pm

  • Copy link

  Do you want to purchase annually renewable custom and undertake CSS editing to increase the header image height?
  Custom design – Frequently Asked Questions
  http://en.support.wordpress.com/custom-design/#frequently-asked-questions
  http://en.support.wordpress.com/custom-design/
  http://en.support.wordpress.com/custom-design/editing-css/
  http://en.support.wordpress.com/custom-design/custom-fonts/

• 

  timethief · Member · Jan 21, 2014 at 8:25 pm

  • Copy link

  Oh no! I’m so sorry I did not notice this thread was in the CSS Forum. I apologize. :(

• 

  justpi · Member · Jan 21, 2014 at 10:03 pm

  • Copy link

  Add this and adjust the percentage:

  .navigation-main ul {
  font-size: 120%;
  }

• 

  marshallcweber · Member · Jan 21, 2014 at 11:06 pm

  • Copy link

  Fantastic. Is there a way to change the font itself?

  Also what is the most way to change to margin.

  Can’t thank y’all enough.

• 

  marshallcweber · Member · Jan 21, 2014 at 11:30 pm

  • Copy link

  Actually I figured the font out, but—

  Is there a way to put a “separator” in the header menu?

• 

  thesacredpath · Member · Jan 22, 2014 at 12:37 am

  • Copy link

  Hi there, you can do something like the following, which puts a border line on the right of the menu items.

  .main-small-navigation li, .navigation-main li {
      border-right: 1px solid #000000 !important;
  }

• 

  marshallcweber · Member · Jan 24, 2014 at 12:03 am

  • Copy link

  Hmm. Maybe I’m doing something wrong? DIdn’t seem to work

• 

  designsimply · Member · Jan 24, 2014 at 12:24 am

  • Copy link

  The color of the separator in thesacrepath’s example is black (#000000), and your menu background is also black. So it probably worked, but you just couldn’t see it!

  Try changing #000000 to #ffffff in the example.

  Also, !important probably isn’t needed there.

• 

  designsimply · Member · Jan 24, 2014 at 12:25 am

  • Copy link

  Here’s an alternate (slightly more complex) solution just for fun. :)

  .navigation-main ul > li a:before {
  	content: " | ";
  	padding-right: 1.7em;
  }
  
  .navigation-main ul > li:first-child a:before,
  .navigation-main ul > li.current-menu-item a:before,
  .navigation-main ul > li.current-menu-item + li a:before {
  	content: "";
  	padding-right: 0;
  }
  
  .navigation-main {
  	text-align: center;
  }
  
  .navigation-main ul {
  	display: inline-block;
  	margin-bottom: -5px;
  }