CSS: Changing font size in one widget heading only.

• 

  katedh · Member · Apr 10, 2014 at 9:43 am

  • Copy link
  • Add topic to favorites

  Anyone know how to alter the font size in just one widget heading? I have inspected the CSS and I can’t find the designator for just one widget heading – it seems to apply to them all. I want to enlarge the font of the first widget heading only to 16px. Thank you!

  The blog I need help with is: (visible only to logged in users)

• 

  thatrobyn · Member · Apr 12, 2014 at 9:25 pm

  • Copy link

  Hello there, You cannot change only one title with CSS, it is an all-or-nothing proposition. If you decide you do want to make all the title fonts larger in the sidebar, you can paste this into your CSS editor (under the additions you’ve already made):

  .wf-active .widget-title {
  font-size: 16px;
  }

  I offer the following as a work-around: Create an image that reads, “A MISSION TO FIND GREAT FOOD THAT ALSO HAPPENS TO BE HEALTHY.” Make the font any size you wish, upload it to your Media Library, and then add that as an image widget to your sidebar.

  I hope this helps! Best wishes to you.