1

[dbphoto1981]

dbphoto1981

#6967

Hi All

Trying to get an image, only behind my home page, where it is currently plain white, is it possible to set up a CSS for this or code or any help would be great. I have a faded image that I want as the background only on this page. Any help would be great, thanks.

My Page to view if you want to see it

[dbphoto1981]

dbphoto1981

#36374

p.s…I only want it behind where the text is, not the whole page, just the content. Thanks 🙂

[Kenneth John Odle]

Kenneth John Odle

#36375

Try

.entry-content {

background-image: url(path to image);

}

[dbphoto1981]

dbphoto1981

#36376

Thanks, do i put that in my custom css with the path to image as the image?

[dbphoto1981]

dbphoto1981

#36377

I tried adding this to the custom css but it has not shown anything, this is what I put in:

.entry-content {

background-image: url(http://www.truenorthconsulting.eu/?attachment_id=131);

}

But it doe snot show any different on This page

[ChainKiller]

ChainKiller

#36378

The link you used links to a page not an image.

Use this link:

http://www.truenorthconsulting.eu/wp-content/uploads/2013/03/Boat-4.jpg

[dbphoto1981]

dbphoto1981

#36379

Thanks, blonde moment! That works, but it is only showing part of the image, any idea how to size it? and be behind all blue text area of that page?

[ChainKiller]

ChainKiller

#36380

First you should re-size your image (it’s to big), then you can use the background-size property

http://www.w3schools.com/cssref/css3_pr_background-size.asp

[dbphoto1981]

dbphoto1981

#36381

Thanks, am getting there.

My only other problem is it is showing on all pages, not just the home page, any ideas how to make it show on just one page?

Thanks 🙂

[ChainKiller]

ChainKiller

#36382

Put your text inside a div tag and give it an unique id then replace the .entry-content with the id of the div

<div id="name_of_the_id"> your text.</div>

then on your css file add

#name_of_the_id{

...

}