Background Image in Header Problem

  • Resolved shapeshift

    (@shapeshift)


    9 years, 7 months ago

    Hi,

    I’ve run into a strange situation in trying to put an image in the header that I am unable to resolve. I am able to place image in the header on site shapeshift.net. However, when I try to do the exact same thing on designbythebay.com, the background image does not show up. For background in the header, I am using the CSS code below, which does not work: 

    #header {background-image: url("/images/header/rcc-water-header.jpg");}

    I tested others below and the background image shows up in the correct locations as they should… 

    #header .pad {background-image: url("/images/header/rcc-water-header.jpg");}

#header .container-inner {background-image: url("/images/header/rcc-water-header.jpg");}

#wrapper {background-image: url("/images/header/rcc-water-header.jpg");}

.container {background-image: url("/images/header/rcc-water-header.jpg");}

    I cannot figure out why it does not work for #header. Please help!… Thank you.

    David

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi David. In your child theme css, your Section Header comment is closed at the end of the first line, leaving the line ” * Section: Header ” as part of the code, which invalidates what follows. Remove the trailing / on the first line and that should fix it:

    /* ------------------------------------------------------------------------- */  <---- remove this /
*  Section: Header
/* ------------------------------------------------------------------------- */
#header {
background-image: url("/images/header/rcc-water-header.jpg");
background-repeat: none;
}
    Thread Starter shapeshift

    (@shapeshift)

    Hi bdbrown… You are a master! That did indeed solved the mystery.
    Thank you!… David

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Background Image in Header Problem’ is closed to new replies.