Help! Widget text too teeny

theollschool · Member · Feb 15, 2013 at 8:47 pm
Copy link

Add topic to favorites
In customize I can change the font size of the Heading – Title – and body text but not the widget text size. It is super tiny. Cant even read what it says. Help…

The blog I need help with is: (visible only to logged in users)
thistimethisspace · Member · Feb 15, 2013 at 8:49 pm
Copy link
This thread will be moved to the CSS Forum for you.
theollschool · Member · Feb 15, 2013 at 8:59 pm
Copy link
css? I don’t use code. I use the “amateur” version with built in widgets.
thistimethisspace · Member · Feb 15, 2013 at 9:02 pm
Copy link
CSS editing is what you paid for when you purchased the custom design upgrade for this blog http://theollschool.com/
thistimethisspace · Member · Feb 15, 2013 at 9:03 pm
Copy link
These are 3 ways to change fonts on wordpress.com blogs:

(1) Changing font families, colors and size in text in posts or pages either post by post or page by page by coding into the HTML editor. http://en.support.wordpress.com/editors/font-size-color/

(2) Changing font colors in text in posts or pages either post by post or page by page using the #4 icon (Select text color – change the text color) in Row 2 the Visual editor. http://en.support.wordpress.com/visual-editor/#row-2

(3) Changing all font families, colors and sizes throughout the whole blog by purchasing an annually renewable Custom Design upgrade and using Typekit Fonts with Staff support.
http://en.support.wordpress.com/custom-design/
theollschool · Member · Feb 15, 2013 at 9:07 pm
Copy link
What I need changed is a code problem? Yikes. When I chose this theme The side bar headers were normal size. Did I somehow change a setting to make the words so small? Thank you for helping.
theollschool · Member · Feb 15, 2013 at 9:07 pm
Copy link
I guess we were writing at the same time…. oops
thistimethisspace · Member · Feb 15, 2013 at 9:09 pm
Copy link
The only way the size of any font in any widget can be changed is by CSS editing.
thistimethisspace · Member · Feb 15, 2013 at 9:10 pm
Copy link
That is not 100% accurate for as you know there is an exception ie. we can use text widgets and specify the font size via coding.
theollschool · Member · Feb 15, 2013 at 9:11 pm
Copy link
I did purchase the custom design upgrade. I can change some of the text sizes, like the header title and body text, just not the widget text. I will look into typekit to see what that is. thanks.
1tess · Moderator Emeritus · Feb 15, 2013 at 10:31 pm
Copy link
Add this to your style sheet, but change font-size: 12px; to whatever size you want in your pages widget:
.widget_pages > ul li, .widget ul.menu li {
border-top: 1px solid #CCCCCC;
font-size: 12px;
font-weight: bold;
list-style-type: none;
margin-bottom: 10px;
padding-top: 10px;
}
designsimply · Member · Feb 20, 2013 at 11:05 pm
Copy link
Here’s one alternative. This example will try to override some of the theme settings to let the font sized you set on the Appearance → Custom Design → Fonts page get used:
```
.widget_pages > ul li,
.widget ul.menu li,
.column-narrow {
	font-size: inherit;
}
```
To try it out, copy the example code above, paste it into your Appearance → Custom Design → CSS editor, and save changes.

No items found.