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
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