Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Changing widget title background color

  1. realagenda
    Member

    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 real-agenda.com.

  2. timethief
    Member

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

  3. realagenda
    Member

    yes, I do.

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

  4. timethief
    Member

    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.

  5. realagenda
    Member

    Thank you.

  6. timethief
    Member

    You're welcome.

  7. realagenda
    Member

    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)

  8. thesacredpath
    Staff

    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.

  9. realagenda
    Member

    Outstanding man! Thank you.

  10. thesacredpath
    Staff

    You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags