Recent Posts Font

Try here for the title:

.widget-title {
    font-size: 26px;
}

and this for the posts:

.featured-posts textwidget {
    font-size: XXpx;
}

Assuming you have a child theme or custom CSS – add the above and make changes to the font size as desired.

Thank you but where do I post the

.featured-posts textwidget {
font-size: XXpx;
}

I’m pretty new. Also how do I know if I have custom CSS?

Your theme might have a theme option for custom CSS, or if not, you can add it via a plugin such as JetPack. The purpose is so that changes you make won’t be overwritten when the theme is updated. Once you have that set up, you add the above CSS to the new custom CSS section.

Hopefully you have not made changes to theme files already – if so, you’d be best off to move them to a custom CSS location.

How do I know if there is a custom CSS? You mean I can add the custom CSS through JetPack?

You’d need to look in theme options, but if not there, yes, activate jetpack and then you’ll have: Appearances >> Edit CSS

Add custom CSS there.

Ok I found the Custom CSS and I tried adding what you suggested only the widget-title one worked, I can’t change the size of the article titles.

.widget-title {
font-size: 26px;
}
.featured-posts textwidget {
font-size: 5px;
/*

Okay, sorry about that – remove that last section and put this instead:

.tw-recent-posts .featured-post h4 a {
    font-size: 900%;
}

Change the 900% to whatever you want.

Thanks very much. Two more question, can I change the font? Also, there is a lot of space between the recent posts titles, can I make that smaller?

Thanks.

Devon

Yes, to both :). The best way to work with CSS is by using a browser tool such as Firebug – in this case, it shows a margin here:

.tw-recent-posts .featured-post {
    line-height: 1.1em;
    margin: 15px 0;
}

So copy that code to your custom CSS and change the margin and/or line height as you like.

Font can be changed in the section you already added:

.tw-recent-posts .featured-post h4 a {
    font-family: .... ;
}

Changing the font family may be tricky if you don’t use a family available by default to the browser.
https://www.ampsoft.net/webdesign-l/WindowsMacFonts.html