Topic: Help with changing font on sidebar widgets.

Tagged: font, sidebar, widget

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
September 9, 2013 at 10:54 pm #108291 Resolve
aedalia
Inactive
I’d like to know how I would change this to make the font match what’s currently my site.
```
.widget-area .widget {
background: #FF9E9D;
border-radius: 13px;
color: #E8E6E1;
font-family: 'Vollkorn', Georgia, 'Times New Roman', serif;
font-size: 14px;
font-size: 1.4rem;
padding: 3em;
position: relative;
}

.widget-area .widget:before {
background-color: #FF9E9D;
}

.widget-area .widget:before {
content: "";
background: url(/wp-content/themes/premium/on-a-whim/images/widgets.png) no-repeat -35px 2px #3a3936;
border-radius: 20px;
height: 37px;
margin: 0;
position: absolute;
left: 44%;
top: -16px;
width: 37px;
}
```
The blog I need help with is starvingforachange.com
September 10, 2013 at 3:49 pm #139900

Kathryn P.
Happiness Engineer

Hi there, is your goal to change the font used in all your widgets to Ubuntu? If so, it looks like your widgets are already displaying in Ubuntu, and not the serif font Vollkorn – which would look like this.

If I misunderstood what you’re trying to achieve, just let me know and I’ll be glad to have another look. Thanks!

September 10, 2013 at 4:14 pm #139904
aedalia
Inactive
Ah sorry, I hadn’t kept that bit of css in because I was frustrated that it didn’t seem to want to update the font at all. Now it seems to be working, but I still can’t figure out how to get the links in every second widget (Archives, Recent Comments, etc) to not be bold.
```
.widget-area .widget {

background: #3FB8AF;

border-radius: 13px;

color: #E8E6E1;

font-family: ubuntu, 'Vollkorn', Georgia, 'Times New Roman', serif;

font-size: 12px;

font-size: 1.2rem;

padding: 3em;

position: relative;

}



.widget-area .widget:before {

background-color: #3FB8AF;

}



.widget-area .widget:before {

content: "";

background: url(/wp-content/themes/premium/on-a-whim/images/widgets.png) no-repeat -35px 2px #3FB8AF;

border-radius: 20px;

height: 37px;

margin: 0;

position: absolute;

left: 44%;

top: -16px;

width: 37px;

}
```
September 10, 2013 at 4:27 pm #139905
Kathryn P.
Happiness Engineer
Hi there – could you try adding this to your CSS:
```
.widget a, .widget li {

font-weight: normal !important;

font-family: Ubuntu, Verdana, sans-serif;

}
```
Let me know how it goes!
September 10, 2013 at 4:29 pm #139906

aedalia
Inactive

Thank you so much kathrynwp!

It seems to look just perfect now, and that solution looks so much easier than I thought! It was one of those little things that driving me nuts, I really appreciate the help!

September 10, 2013 at 4:31 pm #139907

Kathryn P.
Happiness Engineer

No problem, my pleasure! I’m marking this thread as resolved and closing it, but feel free to start a new one if you need anything else.
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Help with changing font on sidebar widgets.’ is closed to new replies.