Support » Fixing WordPress » Different font sizes on the side bar

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael


    Forum Moderator

    each widget has its unique CSS id;
    for example the top widget has #top-posts-3

    you can either use a browser inspection tool to find those CSS ids, or look into the source code of the page in the browser;
    example line from the top wdget:
    <aside id="top-posts-3" class="widget widget_top-posts"><h3 class="widget-title">Top Posts & Pages</h3>...

    In your case, each widget has a unique CSS id. Example:

    <aside id="top-posts-3" class="widget widget_top-posts">

    Above is from the top widget output HTML. The unique id is ‘top-posts-3’.

    Each widget then uses basic elements, such as ul and li.

    #top-posts-3 ul li {
    //your CSS goes here//

    Add per above example to your child theme stylesheet.

    To discover what CSS is output by your theme, use a web inspection tool such as Firebug: , Chrome Inspect Element: or Internet Explorer 9+ F12 Dev. Tools:

    There are others.

    When editing CSS, use a Child Theme
    Custom CSS Plugin, or Theme provided custom CSS option.
    Edits to parent themes are lost on theme update.

    Learn CSS:

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Different font sizes on the side bar’ is closed to new replies.