Changing Header Box Background

  • Unknown's avatar

    Hi,

    I’m trying to change the background from black to a blue (like #003366) not of the whole page, but of the boxes (Search box, header/pages, and base box). I can’t seem to identify the proper CSS code for Selecta. My site is http://lawndalefitness.wordpress.com/

    I also don’t know why my background image appears to have two white lines going through it, but I haven’t the foggiest on how to address that.

    Thanks,
    Lauren

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

  • Unknown's avatar

    Try this.

    #header, .widget, #footer-widget-area {
    background: #003366;
    }

    The two white lines are the top and bottom of the featured posts container. The following will get rid of them.

    #featured-posts-container {
    border: medium none;
    }
  • Unknown's avatar

    Wow thank you so much that worked like magic!

    Unfortunately the “Home” button seems to have its own background color. http://lawndalefitness.wordpress.com/

  • Unknown's avatar

    Yes, the “current page” tab is highlighted with the black background to remind the visitors which page they are on. If you want it the same blue, then just add this to your CSS.

    #access .current_page_ancestor > a, #access .current_page_item > a, #access .current_page_parent > a, #access .current-menu-ancestor > a, #access .current-menu-item > a, #access .current-menu-parent > a {
    background: none;
    }
  • Unknown's avatar

    Wow that worked perfectly!!! Thanks so much.

    This is for a not-for-profit building a gym in a disadvantaged neighborhood so you’re help is greatly appreciated.

    Lauren

  • Unknown's avatar

    You are very welcome.

  • The topic ‘Changing Header Box Background’ is closed to new replies.