css for sidebar widgets and footer widgets

Hi there,

Any chance you can link us to the site in question?

Let me know ??

https://www.bewitchingstitch.com/

I should add that I am not sure how to control the widget titles on ether also.

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.

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/

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