Individual Page backgrounds

[dynamic]

I'm looking to an an image to just one page

I have added a background image to a table on the page, it shows in the editor but not when I view the page.

This is the source
<div class="entry-content">
<style type="text/css"><!--
body { background-image: url(http://www.coffeeculture.com.au/wp-content/uploads/2013/01/home_back.png); } -->
--></style>
<table width="100%" border="0">
<tbody>
<tr>
<td align="">Owners – Chris Petersen &amp; Chef, Will Tooth – are an unbeatable force in consistently delivering excellence in both food and fresh coffee – roasting and slurping! The legendary ‘morning fix’ is enjoyed by hordes of loyal locals with Coffee Culture evolving as the cafe of choice for visitors and Highlanders alike who are seeking their superb daily fix! The Coffee Culture menu offers fresh, innovative meals and can cater for small functions and parties – at either cafe or in a venue of your choice. Coffee Culture’s roasting dominion, Redback Roasters, scours the world for the highest quality coffee beans. All blends are expertly roasted in-house and can be purchased in both cafes or online.</p>
<p>&nbsp;</td>
</tr>
</tbody>
</table>
I have a number of pages I'd like to give specific images to, suggestions please

Thanks
Charles

[Brad Dalton]

Go to Layout Settings > Custom Body Class.

create a new class and use that as the specific selector for a specific page background

custom-body-class {
background-color: #80000;
background-image: url ('images/bg.png');
}

---

Get Help – Book Consultation.

[dynamic]

Brad

I cut and pasted this, it hasn't held in the page, I changed the image address

http://www.coffeeculture.com.au/welcome

What next please

[Brad Dalton]

You want the image within the content area of the page and Not the site background?

---

Get Help – Book Consultation.

[dynamic]

Correct Brad, I want to keep the site background image and give individual pages there own background images

Thanks

[Brad Dalton]

.custom-body-class #content {
background-color: #000;
background-image: url ('images/bg.png');
}

---

Get Help – Book Consultation.

[dynamic]

Brad do I have to add code anywhere else, ie in the functions page?

[Brad Dalton]

Negative. I tested this code and it works. It displays an image which you upload to your child themes images folder on the pages content area you have created the unique custom class in.

---

Get Help – Book Consultation.

[Author]

Posts