Change font in widget

• 

  lisarhode · Member · Sep 25, 2013 at 9:49 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  justpi · Member · Sep 26, 2013 at 4:22 am

  • Copy link

  Try this:

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

• 

  lisarhode · Member · Sep 26, 2013 at 4:20 pm

  • Copy link

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

• 

  justpi · Member · Sep 26, 2013 at 10:32 pm

  • Copy link

  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.