How to reduce font size in widgets (Oxygen theme)

julienlemarchal · Member · Mar 20, 2014 at 2:25 pm
Copy link

Add topic to favorites
Hello all,

i’d like to reduce the font size of two widgets on my site : Recents posts (on the left) and D2SI text (on the right)

Thank you for your help !

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 20, 2014 at 3:36 pm
Copy link
Hi, since you mention those two widgets by name, I am targeting the CSS to those two specific widgets by their unique widget IDs. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and adjust as desired.
```
#recent-posts-3 a {
    font-size: 90%;
}
#text-2 .textwidget {
    font-size: 90%;
}
```
julienlemarchal · Member · Mar 20, 2014 at 4:00 pm
Copy link
Wow ! Thank you so much for that quick and efficient response.
Problem solved !
julienlemarchal · Member · Mar 20, 2014 at 4:15 pm
Copy link
Actually, i have one more question : how could i slightly reduce the size of the secondary menu (on the left), and increase the size of the primary menu (on the top) ?
thesacredpath · Member · Mar 20, 2014 at 4:27 pm
Copy link
On the left menu, you can reduce the spacing between items, with the following.
```
.menu-secondary li a {
    line-height: 1.2em;
}
```
To increase the font size on the top menu, add the following and adjust as desired.
```
.main-navigation a {
    font-size: 1.33333em;
}
```
julienlemarchal · Member · Mar 20, 2014 at 4:49 pm
Copy link
Brilliant ! Thank you so much Sacred Path
thesacredpath · Member · Mar 20, 2014 at 11:33 pm
Copy link
You are welcome.

No items found.