[SOLVED] Change font size in widgets
 

Hi,

How can I change the font size in text widgets in the sidebars? I'm using unordered lists to show links to the other posts on the blog. I can't find it in the regular options.
Thanks,

John

use a CSS Insert (ATO->Add HTML/CSS Inserts->CSS Inserts) with a CSS selector identifying the widget. then you can use the CSS 'font-size' property (do a google search using 'css font size' to find the options)

You will need to look at the source of the generated page to identify the widget - it will look something like thisin this case you could make your selector '#text-2 .textwidget {....}'

Hi,
Thanks for your reply, but it didn't work for me.

Here is the starting code for one of the widgets: <div id="text-21" class="widget widget_text"><div class="widget-title"><h3>Popular </h3></div> <div class="textwidget">

I then entered a css insert: #text-21. textwidget {font-size:6px;}

Nothing changed. I also tried using the em unit for text size with no result. Does it matter if all the text is in an Unordered list and if so what needs to change in the CSS code?

Thanks,

Jonathan

What I did to change the font size in the sidebar - which affected widgets in that side bar was add

font-size: 0.8em;

in the Ata options # Sidebars & Widgets # Style & configure SIDEBARS

Not sure if that helps or not.

you have a typo it should be #text-21 .textwidget {font-size:6px;}

Thanks. It worked like a charm. Donation on its way.