Need help? Check out our Support site, then


Changing widget title background color

  1. 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. Yes this must be done by CSS editing. Do you have the custom design upgrade or not?

  3. yes, I do.

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

  4. 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. Thank you.

  6. You're welcome.

  7. 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. 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. Outstanding man! Thank you.

  10. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags