Support » Themes and Templates » White background to widget

  • Karin



    I’m going crazy! I had this white background to my widgets on the right hand side of the webpage. But then I accidently took away the code and now I can’t seem to fix it!

    I want the same kind of background as I have behind my “main page area”.
    This is the code I’ve used, but it doesn’t seem to work?!

    .widget-container {
    margin: 0 0 20px 0;
    background: #f0ede1;
    background: rgba(240, 237, 225, 0.8);
    padding: 9px;

    Here is my page:

    My other question is about the footer. How to I remove the black line? And how do I make my text and links in the footer area to be right aligned?

    Thank you for your help! 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • I did

    .widget-container {
        background-color: #FFFFFF;

    and it worked.

    For black line find

    #colophon {
        border-top: 4px solid #000000;
        margin-top: -4px;
        overflow: hidden;
        padding: 18px 0;

    Remove the border-top



    Thank you, it worked!

    Somehow it didn’t work when I put the code in the end of the document.
    Now when I put it in the top it worked.

    Could that mean I have a broken piece of code somewhere in the document?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘White background to widget’ is closed to new replies.