Changing widget title background color

• 

  realagenda · Member · Oct 24, 2011 at 12:05 am

  • Copy link
  • Add topic to favorites

  I would like to change all of my widgets’ title background color. I have tried several tips I found on the forums but nothing has worked. I am not sure if I start with .widget-title, .widget_title…

  Could someone help me get started?

  Is this a CSS issue?

  Thanks,

  Luis

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

• 

  timethief · Member · Oct 24, 2011 at 12:08 am

  • Copy link

  Yes this must be done by CSS editing. Do you have the custom design upgrade or not?

• 

  realagenda · Member · Oct 24, 2011 at 12:15 am

  • Copy link

  yes, I do.

  Could you also explain please how I could reduce the size of the widget title area?

• 

  timethief · Member · Oct 24, 2011 at 12:16 am

  • Copy link

  I do not help with CSS editing. Only Staff and one remaining Volunteer do. Please be patient while waiting for them to help. I have flagged this thread so it will be moved to the CSS Forum for you.

• 

  realagenda · Member · Oct 24, 2011 at 12:18 am

  • Copy link

  Thank you.

• 

  timethief · Member · Oct 24, 2011 at 12:18 am

  • Copy link

  You’re welcome.

• 

  realagenda · Member · Oct 24, 2011 at 12:19 am

  • Copy link

  If anyone happens to see this thread, I would specifically do the following:

  Change the color of the widget title area
  Move the title text off the left
  Reduce the size of the widget title area (height)

• 

  thesacredpath · Member · Oct 24, 2011 at 1:54 am

  • Copy link

  Padding left value is just a placeholder and you can adjust as necessary. Padding top and bottom are the original values and again you can adjust as necessary.

  .widget h3 {
  background-color: #CC0000;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
  }

  Oh, and dump the margin-right in the following two selectors (set it to 0)

  #recent-posts-4 ul li a:link

  .widget_links ul li a:link

  to get the right side to align properly with the widget title backgrounds.

• 

  realagenda · Member · Oct 24, 2011 at 12:47 pm

  • Copy link

  Outstanding man! Thank you.

• 

  thesacredpath · Member · Oct 24, 2011 at 6:23 pm

  • Copy link

  You are welcome.