fonts bolder in widgets

• 

  ang1m · Member · Jun 3, 2014 at 4:26 pm

  • Copy link
  • Add topic to favorites

  I know you can make the font bold in th header, but can you make the font bold in the widgets areas, and make their size bigger?

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

• 

  gracejiyoung · Member · Jun 5, 2014 at 12:04 am

  • Copy link

  Hi there,

  Can you tell me exactly which widgets you would like the font bolder and bigger?

  Please specify how big you would like the font as well.

  Thank you!

• 

  designsimply · Member · Jun 26, 2014 at 5:55 pm

  • Copy link

  can you make the font bold in the widgets areas, and make their size bigger?

  Sure! To make all of the fonts in all of the widget areas larger and bold, you can add this to your Appearance > Customize > CSS editor:

  .widget-area {
  	font-size: 110%;
  	font-weight: bold;
  }

  Adjust the 110% value to something you think looks best. And if the font looks too bold, you can take that line out.

  I noticed you expanded the main container width for the content area but not for the header. It might look nicer to make the header area bigger using “#branding” as a CSS selector and then centering the container for the site title and tagline (the “.home-link” selector).

  #branding {
  	background-position: center;
  	width: 1100px;
  }
  
  .home-link {
  	margin: 0 auto;
  }