Change color of widget header and center text

  • Author
    Posts
  • #13028

    Hi,

    Three questions:

    I am using the brown theme.

    How can I change the grey bar that goes across the top of each widget from grey to the exact same brown color that goes across the header of the blog?

    Also, how can I center the text that is in the header of each widget, rather than having it to the left?

    Finally, is there a way to make the background of each widget look like parchment rather than just a box?

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

    #13242

    Hi,

    Do you have the custom CSS upgrade from WP.com?

    http://en.wordpress.com/products/custom-css/

    Let me know, and I can help point you in the right direction here.

    Best Regards,
    Scott

    #13262
    reclaimingsacred
    Member
    Original poster

    Hi Scott,

    Yes, I do have the upgrade.

    Thanks!

    #13267

    Hi,

    Try this out:

    Brown Widget Background

    .widget {
    background: #33342E url(images/bg-header.png) repeat-x top;
    }

    Center Widget Text

    .widget p {
    text-align: center;
    }

    What are you trying to achieve here? Any images or examples that I could look at?

    Best Regards,
    Scott

    #13274
    reclaimingsacred
    Member
    Original poster

    Hi Scott,

    If you send me an e-mail I can e-mail you a password to look at the blog. It is closed as I am designing it right now.

    The text in the header of the widget is not centering with that code. It is not the text in the widget that I want to center, but just the text that is in the header of each widget.

    Also, how can I make the text in the header of each widget white?

    Thanks!

    #13297

    Hi :D

    You can center the widget titles with this:

    #sidebar .widget h3 {
    text-align: center;
    }

    Looks like you were able to get this text white as well.

    Let me know if you have any further questions.

    Kind regards,
    Scott

    #13310
    reclaimingsacred
    Member
    Original poster

    Thanks! That helps, but the text in the header of the widgets in the footer is staying black. How do I get that text white?

    The text in the header of the widgets to the side of the blog is white, but the text in the header of the widgets in the footer is staying black. I would like to make that text white.

    Thank you.

    #13325

    Hey again,

    Try:

    #footer-widgets .widget h3 {
    color: #000000;
    }

    Best Regards,
    Scott

  • The topic ‘Change color of widget header and center text’ is closed to new replies.