Changing Font Size in Adelle Theme

• 

  collegebloggrad · Member · Apr 21, 2013 at 10:48 pm

  • Copy link
  • Add topic to favorites

  I am using the Adelle theme and I would like to increase the font size in the navigation bar. Also, I want to increase the font size of the months in my Archives widget. I have the custom design upgrade but I do not know how to make these changes.

  My blog is http://trekhealthylife.com

• 

  designsimply · Member · Apr 30, 2013 at 6:25 pm

  • Copy link

  I would like to increase the font size in the navigation bar.

  To target the font size in the nav bar on the Adelle theme, I would recommend using the !important tag if you have also made font adjustments on the Appearance → Themes → Customize → Fonts panel. The “!important” part will override font size changes made separately in the font settings, which is just what you want to do.

  .navigation-main a {
  	font-size: 18px !important;
  }

• 

  designsimply · Member · Apr 30, 2013 at 6:31 pm

  • Copy link

  I want to increase the font size of the months in my Archives widget.

  To adjust the font size for the archives widget select menu in the Adelle theme, try this:

  .widget_archive select {
  	font-size: 24px !important;
  	-webkit-appearance: none;
  }

  The 2nd property, -webkit-appearance, is to override the OS styling in WebKit browsers like Safari and Chrome. See http://stackoverflow.com/questions/503101/text-size-for-drop-down-menu-input-select-not-working-in-safari