Site logo

Archived topic

How do I change the font size / css for different widgets in the sidebar

3 replies · Started by Sharon on May 31, 2018

Viewing posts 1–4 of 4

I want to use different font sizes for the widgets in the sidebar. For instance, I am using a custom sidebar menu, and I need the menu list items a specific size.

I also have include Recent Posts, Archives and Comments in the sidebar as widgets and I would like to style each of them separately but when I change the style for one, it changes everything. I am referencing the class .widget ul li{} or the class .widget in my CSS. I am new to CSS so not sure which element will get me to the right class so that I can update the style.

Here's some sample CSS for what you want:

.widget_recent_entries li a {
	font-size: 16px;
}

.widget_archive li a {
	font-size: 18px;
}

.widget_recent_comments li a {
	font-size: 20px;
}

Thank you, that worked!

Thanks for the assist Sridhar. Glad you got it fixed Sharon

This archived topic is closed to new replies.