WordPress.org

Support

Support » Themes and Templates » bg-image showing in header but not content

bg-image showing in header but not content

  • I am trying to add a background image to my content. For a test, I added code to both the header and content. The image is only showing in the header.

    The css looks like:
    #header {
    background: url('images/test.jpg') center center no-repeat;
    height: 40px;
    font-size: x-small;
    font-weight: bold;
    padding-top: 4px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0px;
    background-color: #444;
    margin: 0px;
    margin-bottom: 0px;
    border-bottom: solid 1px #000;
    }

    #content {
    background-color: #666;
    background: url('images/test.jpg') center center no-repeat;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 1000px;
    text-align: left;

    The header.php file has:
    <body>
    <?php include 'navigation-function.php';?>
    <?php include 'comment-popup-function.php';?>
    <div id="header">
    <div class="alignleft">
    <ul class="menu">

  • <h5>Alpine<span>Visions</span></h5>
  • </div>

    </div>

    <div id="content">

    Right-clicking on the content area and picking “view background image” shows that the image (a pink box) is there. However, it’s as if the grey background is on top of this image.

    http://www.alpinevisions.dryfly.ca

    Any ideas why?

    thanks

Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘bg-image showing in header but not content’ is closed to new replies.
Skip to toolbar