How do I change the font size of the front page template widget areas in 2012?

eleanorannhancock · Member · Aug 17, 2013 at 9:42 pm
Copy link

Add topic to favorites
I would like to increase the size of the fonts in the First and Second Front Page Widget Areas of twenty twelve theme so that they are the same size as the body of the text on that page. I have custom CSS and some basic knowledge, but do not know how to specifically access these widgets to make this change. Thank you!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 22, 2013 at 2:28 pm
Copy link
In the text widgets themselves, I see you have set a font size of “medium.” Those declarations would have to be removed before a CSS change could be made to change the font size since a font size declaration directly in the text widget will override all other settings.

If you remove those span tags you have used, you can add the following CSS to your custom CSS and then adjust the font size as desired.
```
.home .widget-area .widget p, .home .widget-area .widget li, .home .widget-area .widget .textwidget {
    font-size: 100%;
}
```
eleanorannhancock · Member · Aug 26, 2013 at 6:28 pm
Copy link
This is great – thanks so much. Yes, the code in the widgets was just my temporary “fix”. I’ll remove it, then add this text in the custom CSS.
thesacredpath · Member · Aug 26, 2013 at 7:53 pm
Copy link
You are welcome.

No items found.