Customising fonts and colours for widgets titles and text

• 

  whodhavethought · Member · Jul 24, 2013 at 3:32 am

  • Copy link
  • Add topic to favorites

  Hi there,
  I was wondering how to customise the fonts – size, style, colours – of the titles and text within the widgets. I have CSS but don’t really know what to do or if it’s possible??

  Many thanks
  Jane

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

• 

  designsimply · Member · Jul 24, 2013 at 4:10 pm

  • Copy link

  To customize widget title font size, style, and color in the Linen theme, add this to your Appearance > Customize > CSS panel:

  #wrapper #sidebar h2.widgettitle {
  	color: red;
  	font-size: 1.5em;
  }

  If you wanted to you could add the following to the example above as well, but I think we’d be better to change the font via Appearance > Custom Design > Fonts if that will work for you.

  font-family: Helvetica, Arial, sans-serif;

• 

  designsimply · Member · Jul 24, 2013 at 4:14 pm

  • Copy link

  Here’s an example that will change the text and link color inside most widgets in the Linen theme:

  #sidebar .widget,
  #sidebar a {
  	color: #0000ff;
  }

  You can change the color code to a color of your choice, see http://0to255.com/

  If you find that some text didn’t change color, that means there is a more specific CSS rule for whatever that text is and will need to look at it in more detail and add a rule for that case.

• 

  whodhavethought · Member · Jul 25, 2013 at 2:30 am

  • Copy link

  Thanks designsimply! Really easy so I will have a play around.

  Best,
  Jane