Leo
(@leohsiang)
Hi there,
Any chance you can link us to the site in question?
Let me know 🙂
I should add that I am not sure how to control the widget titles on ether also.
Leo
(@leohsiang)
Do you want the colors to be the same in footer and sidebar widgets or different?
The side widgets have a white background and the footer widgets have a dark background, so I feel that I need to control them independently for color.
In both areas, the font is too small – or I might want to use the body font for the title instead for the widgets.
I am also not sure why the font size is different in the middle footer widget compared to the one on the right – but I think that is a widget issue with the right one.
Leo
(@leohsiang)
These options are included in our premium Colors add-ons as well:
https://docs.generatepress.com/article/colors-overview/
Here are the CSS to change them separately:
/*Sidebar widget title*/
.sidebar .widget .widget-title {
color: #222222;
font-size: 20px;
}
/*Sidebar list*/
.sidebar .widget ul li {
font-size: 20px;
}
.sidebar .widget ul li a {
color: #000000
}
/*Footer Widget title*/
.footer-widgets .widget-title {
color: #000000;
font-size: 20px
}
/*Footer widget list*/
.footer-widgets .widget ul li {
font-size: 20px;
}
.footer-widgets .widget ul li a {
color: #000000
}
You can also try using the developer tools to see the styles that are applied to each of the element.
Let me know if this helps 🙂
Hi, I have the same questions. I would like to change the sidebar widget title and content font size. The content font size are different. I have no idea how this happens. Thank you.
the website is https://ktnote.co/
Theme Author
Tom
(@edge22)
These options are also in our pro version.
For the free theme, you can do this:
.widget-title {
font-size: 25px;
}
.sidebar .widget, .footer-widgets .widget {
font-size: 17px;
}
