Need help? Check out our Support site, then


Cannot find Widget/Sidebar Font in Forever theme CSS

  1. In other themes I've used, changing the font size in the sidebar is as easy as using

    #sidebar{
    font-size: 16px;
    }

    However, this will not work in the Forever theme's custom CSS. There are a number of "widget" items in the code, but even editing all of them (except for the title, which I'd like to stay the same) with "font-size: 16px;" will not change anything.

    What am I missing? I'd like to make my widget text smaller (not the title).

    The blog I need help with is blankthis.wordpress.com.

  2. It looks like it's .textwidget p that you should be working on.

  3. There is no such thing in the code for the Forever theme. I just checked and there is no .textwidget p

  4. If you add this to you CSS stylesheet, you should get what you're looking for:

    .textwidget p {font-size 16px;}

    The forever theme HTML has code for .textwidget but hasn't targeted it with any CSS. You, however, can do so.

    Good luck!
    -Z

  5. "textwidget" is a class used by any text widget, so it won't necessarily appear in the theme's CSS stylesheet but may still work. zandyring's example has a typo in it (a missing colon) and if you add that in it will work, but it only affects things that are inside a "p" paragraph tag.

    .textwidget p {
    	font-size: 10px;
    }

    I would go a little more general than that to catch other things like list elements too. Here is an example for adjusting the font size for the sidebar and sidebar titles with CSS for the Forever theme:

    #secondary .widget {
    	font-size: 10px;
    }
    
    #secondary .widget-title {
    	font-size: 10px;
    }
  6. P.S. I love the pattern background you picked!

Topic Closed

This topic has been closed to new replies.

About this Topic