Change font size on widget title

• 

  donscrooby · Member · Feb 25, 2014 at 5:35 pm

  • Copy link
  • Add topic to favorites

  How do I change the font size of the widget title on the sunspot theme. I have the CSS editor. Thank you

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

• 

  creativembers · Member · Feb 25, 2014 at 5:43 pm

  • Copy link

  I believe this is the section you are looking for:

  .wf-active .widget-title {
     font-family: chaparral-pro-1,chaparral-pro-2,"Helvetica    Neue",Helvetica,Arial,sans-serif;
     font-style: normal;
     font-weight: 400;
     font-variant: normal;
     font-size: 9px;
  }

  I would try adding the following to your custom CSS, changing the font size to fit your needs:

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

• 

  donscrooby · Member · Feb 25, 2014 at 5:52 pm

  • Copy link

  Thank you so much. Worked like a charm. One more thing if you don’t mind, what do I add to change the color as well. Appreciate your almost immediate response – quite amazing. Thank you.

• 

  creativembers · Member · Feb 25, 2014 at 5:59 pm

  • Copy link

  Awesome, happy to help! To adjust the color just change the following:

  .wf-active .widget-title {
     font-size: 15px;
     color: #FFFFFF;
  }

  You can switch out the #FFFFFF with your custom color. You might want to try a site like http://www.colorpicker.com/ if you need help choosing a color code.

• 

  donscrooby · Member · Feb 25, 2014 at 6:11 pm

  • Copy link

  Hell I haven’t been helped so quickly like this for a long time. Thank you so much. Deeply appreciated, and thanks for the link. Going to look at it now.