How to change font size and color in footer widgets

  • I would like to change the color and possibly the font in the widgets in the footer. I can’t figure out how to to make those changes using either the changes in Default Typography in the Customizer or creating custom font controls in Google Fonts which I installed.

    Basically, I’d like the font color to be brighter because the gray disappears into the background, especially the font color in the text widget for “Coming Soon”

    I’d also like to maybe make the font larger a bit.And while we’re at it, I’d like to increase the size of the font in the drop downs on the Main Menu in the header.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi.,

    Try this css on your custom css or your child theme 

    .site-footer p {
    color: #F7f7f7;
}
.site-footer p b {
    color: #f7f7f7;
}
.site-footer h3.widget-title {
    color: #f7f7f7;
}

    If you want further help I’ll be happy to assist.

    Thanks.,
    Rajan V

    Add this too

    #site-navigation ul ul a {
    font-size: 19px;
}

    This is for increase dropdown font size

    Thread Starter formerchef

    (@formerchef)

    Wow! Thank you! All of those worked perfectly.
    Is there no way to do this through the customization screen under Typography?

    Also, I’d like the “Older Posts” button to be more visible. Thoughts on that?

    @formerchef this is quick fix, Theme author will reply you to how to fix with customization screen

    This is for button issue

    .posts-navigation a {
    color: #f7f7f7;
}

    Thanks

    Thread Starter formerchef

    (@formerchef)

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change font size and color in footer widgets’ is closed to new replies.