WordPress.com Forums » Topic: Cannot find Widget/Sidebar Font in Forever theme CSS

designsimply on "Cannot find Widget/Sidebar Font in Forever theme CSS"

designsimply — Thu, 30 Aug 2012 14:45:53 +0000

P.S. I love the pattern background you picked!

designsimply on "Cannot find Widget/Sidebar Font in Forever theme CSS"

designsimply — Thu, 30 Aug 2012 14:27:00 +0000

"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;
}

zandyring on "Cannot find Widget/Sidebar Font in Forever theme CSS"

zandyring — Mon, 20 Aug 2012 13:09:59 +0000

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

missjecka on "Cannot find Widget/Sidebar Font in Forever theme CSS"

missjecka — Mon, 20 Aug 2012 12:59:08 +0000

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

zandyring on "Cannot find Widget/Sidebar Font in Forever theme CSS"

zandyring — Mon, 13 Aug 2012 15:45:36 +0000

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

missjecka on "Cannot find Widget/Sidebar Font in Forever theme CSS"

missjecka — Thu, 09 Aug 2012 14:39:50 +0000

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