Remove All-Caps in Widget Headers

• 

  dankaplan1 · Member · Feb 22, 2015 at 7:48 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’m writing in about hornsupmetalshow.com, which uses the Suits Theme. I’ve got the Custom Design feature enabled but am a bit of a CSS novice, so I’m hoping you can help.

  I’m trying to adjust the titles/headings of both my posts and my site’s widgets to NOT be in all-caps. After looking through the WP.com forums, I came across the following CSS code for individual posts, which seems to be working:

  .site-title,
  .site-description,
  .entry-title {
  text-transform: none;
  }

  However, I can’t seem to find one that works for my widgets—I’ve tried five or six different versions and none of them seem to remove the all-caps. Any recommendations for how I can fix this?

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

• 

  thatrobyn · Member · Feb 23, 2015 at 5:46 am

  • Copy link

  Hiya Dan!

  You can definitely use CSS revisions to make those widget titles sentence case, instead of upper case.

  Click Customize in your site’s Dashboard. Then, click CSS in your menu. In the CSS Revisions box, please paste the following underneath all existing text:

  .widget .widget-title {
  text-transform: none;
  }

  Then Save your changes.

  That should do the trick! If I can help in any other way, please drop me a line. Cheers :)

• 

  dankaplan1 · Member · Feb 23, 2015 at 6:01 am

  • Copy link

  Great! I’d actually come across a similar coding suggestion before but didn’t know it needed to go underneath my other text changes. Thanks so much!

• 

  thatrobyn · Member · Feb 23, 2015 at 6:11 am

  • Copy link

  Hi there!

  I’m very happy I could help out!

  Wishing you the best :)