Increasing font size of the menu / categories

• 

  magazinemyra · Member · Apr 15, 2015 at 1:02 pm

  • Copy link
  • Add topic to favorites

  Is there a CSS to increase the font size of menu / categories at the the top of the site?
  Like the ‘myra magazine’, ‘nelly’s diaries’, about and contact

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

• 

  staff-jeanpierreac · Staff · Apr 15, 2015 at 1:34 pm

  • Copy link

  Hi.

  Yes, there is. :) Right now you have 14px menu categories. You can use the following code to adapt that to your site. Just change font-size parameter.

  .wf-active #access {
      font-size: 24px;
  }

  I hope this helps.

• 

  magazinemyra · Member · Apr 15, 2015 at 1:38 pm

  • Copy link

  That did thank-you!

  To center it would i just add
  text-align: center;
  to the end of it?

  or
  .wf-active #access { text-align: center; }

• 

  staff-jeanpierreac · Staff · Apr 15, 2015 at 9:09 pm

  • Copy link

  Both will work, but the first seems cleaner :)

• 

  magazinemyra · Member · Apr 16, 2015 at 8:56 am

  • Copy link

  Oh I see.
  But I meant about centering the category section.
  When i increased the font it looks a little off and totally out of place.

  So I was wondering how I could center it?

• 

  staff-jeanpierreac · Staff · Apr 16, 2015 at 12:46 pm

  • Copy link

  Hi.

  You can add a margin property value. For instance:

  #access {margin-left: 20%}

  And, more exact:

  #access {
                 float:none; /*as your access bar is floated to the left*/
                 width: 55%; /*A little bit more than your access bar width rigth now*/
                 margin: 0 auto; /*to auto-calculate horizontal margins*/}

  Enjoy blogging. :)

• 

  magazinemyra · Member · Apr 16, 2015 at 1:04 pm

  • Copy link

  THAT IS PERFECT!!! LOVE IT

  The only other issue I’m having is that I made some changes to the way the category titles appear when you click on it.
  It is appearing in ‘Italics’ but I don’t want that. (Not sure how it happened)

  I wanted it to be ‘regular’ (not Italics) and ‘underlined’

  Do you think there is a way?

• 

  staff-jeanpierreac · Staff · Apr 16, 2015 at 1:51 pm

  • Copy link

  Hi again.

  I already answered you in the other Thread:

  You can change Italics and underline category name. Try with this piece of code in your custom CSS menu:

  .archive-title em {
  text-decoration: underline;
  font-style:normal;}

  Enjoy blogging! :)

• 

  magazinemyra · Member · Apr 16, 2015 at 2:02 pm

  • Copy link

  Thank-you so much
  You’ve been awesome!

  :D

• 

  staff-jeanpierreac · Staff · Apr 16, 2015 at 6:17 pm

  • Copy link

  :) Thanks!

• 

  addadultstrategies · Member · Apr 19, 2015 at 9:07 pm

  • Copy link

  i dont do code – tech challenged
  my wordpress suddenly changed to tiny print, but not what i type in. is there an easy way to get it back to normal?
  thanks
  doug

• 

  timethief · Member · Apr 19, 2015 at 10:19 pm

  • Copy link

  @addadultstrategies
  Your issue is not a CSS editing issue. Do not disrespect your fellow bloggers by hijacking their threads and posting off topic into them. Please use this link https://en.forums.wordpress.com/?new=1 so you can copy and paste your text into a new thread where you will get the help you need.

• 

  addadultstrategies · Member · Apr 20, 2015 at 2:27 am

  • Copy link

  time thief
  no disrespect at all, simple ignorance
  thank you for the correct link
  doug the clueless

• 

  thesacredpath · Member · Apr 21, 2015 at 9:15 pm

  • Copy link

  @addadultstrategies, I’ve replied to your other thread here: https://en.forums.wordpress.com/topic/tiny-font?replies=1#post-2354707 .

• 

  thesacredpath · Member · Apr 21, 2015 at 9:25 pm

  • Copy link

  @timethief, I’m sure that Doug didn’t intend to be disrespectful, and it’s appreciated if you can give people the benefit of the doubt.