Adding graphic as background on landing page template

[jmfoust]

Hello,

Im trying to add a graphic to the top left of the content area of the page.  I have tried  adding this line in #content in CSS and under the landing page content below.  Neither work.  Can you tell me what Im doing wrong?  I want it to be in the background so I can add text over it.

The page is http://everydayhealthylifestyles.com

The theme is Prose

.page-template-landing-php #content .page {
padding: 10px 10px 0 10px;
background: url('http://everydayhealthylifestyles.com/wp-content/uploads/2013/03/veggieslarge.png') top left no-repeat;
}

Thank you

Janet

[David Chu]

Hi!
I got it to work in a quick test! Your code above got a little butchered, but I think I see what happened... I think you have a different kind of single quote at the beginning of the long image path. Check that first. Could be a Mac vs. PC type of thing. I think you may have also had a semi-colon at the end of the image path. Anyhow, here's what I used:

.page-template-landing-php #content .page {
padding: 10px 10px 0 10px;
background: url('http://everydayhealthylifestyles.com/wp-content/uploads/2013/03/veggieslarge.png') top left no-repeat;
}

Best, Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[jmfoust]

Hello, I fixed it, added it to the wrapper area and it worked.  I did have to mess with the design feature in Genesis to get it to sit top left, but all is good.  Thank you!

 

Janet

[David Chu]

Great! 🙂

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts