Twenty Fourteen – Change Widget Title Font Size

  • Hello,

    I’m a complete beginner to CSS but am trying to learn.

    I’m trying to set up my page: https://yogaslash.com

    The problem I am having is with the widgets in the left sidebar – as you can see, the titles (“Recent Posts”, “Recent Comments”, “Categories”) are way too small of a font size. (font name is Amatic SC)

    I am using the plug-in WP Google Fonts – I have played around within the plug-in but cannot figure out how to increase the font size for the widget headers. Currently the settings are Amatic SC font Bold 700 assigned to elements H1-H6.

    The size in a post title is fine, but too small in the sidebar.

    I also have JetPack installed.

    A walkthrough of how to fix this would be appreciated – like I said I am in my first 2 days of learning about CSS!

Viewing 3 replies - 1 through 3 (of 3 total)

  • via the jetpack custom CSS, add:

    .primary-sidebar .widget .widget-title { font-size: 100px; }

    try to get familiar with using a browser inspection tool to identify where the formatting of those elements comes from.

    I agree. I use Firebug in Firefox, or the standard inspect element in Chrome. I find it VERY helpful when I’m trying to debug CSS and HTML for myself and clients.

    Thread Starter theyogislash

    (@theyogislash)

    Thank you alchymyth! That was exactly what I needed (I changed it to 24px though ??

    And thank you both for the suggestion, I just installed Firebug and am learning how to use it! I appreciate the tips.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty Fourteen – Change Widget Title Font Size’ is closed to new replies.