Support » Theme: GeneratePress » css for sidebar widgets and footer widgets

  • I want to change the font color, link color, and hover link color separately for the sidebar widgets and the footer widgets, since they have different backgrounds. I only have the free version.

    Any css help with that?

Viewing 8 replies - 1 through 8 (of 8 total)
  • 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 🙂

    ktnote4ever

    (@ktnote4ever)

    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;
    }
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘css for sidebar widgets and footer widgets’ is closed to new replies.