Change font in widget

  • Author
    Posts
  • #1457930

    lisarhode
    Member

    I want the font in the widget for click to follow this blog… to be consistent with the navigation bar. I think it is recognized as body CSS in the html and that is why I am having problems getting the font to match the others in the widget that are defined as header. How is <p> treated when writing custom CSS? Is this how I identify the text:

    “Click to follow this blog and to receive notifications of new posts by email.”

    Is there a different place in the cascade to change the font setting?

    The blog I need help with is lisarhode.wordpress.com.

    #1458128

    justpi
    Member

    Try this:

    .widget p, .textwidget {
        font-family: inherit !important;
    }

    #1458141

    lisarhode
    Member

    It worked! Thanks so much. Why was !important; in there?

    #1458154

    justpi
    Member

    You’re welcome.
    The default CS includes a similar rule for the same elements, and that rule would normally take precedence over your addition. Adding “!important” makes your addition override the other rule instead of vv.

The topic ‘Change font in widget’ is closed to new replies.