Need help? Check out our Support site, then


Customising fonts and colours for widgets titles and text

  1. whodhavethought
    Member

    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 blog.whodhavethought.com.

  2. 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;

  3. 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.

  4. whodhavethought
    Member

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

    Best,
    Jane

Topic Closed

This topic has been closed to new replies.

About this Topic