Adding Image as home page background behind text only

Graphene Theme Forum » Graphene Wordpress theme » Support

Adding Image as home page background behind text only

(20 posts) (4 voices)

Started 2 months ago by dbphoto1981
Latest reply from Prasanna SP
This topic is closed
This topic is resolved

Skip to the latest post | RSS feed for this topic

12 Next »

dbphoto1981
Member

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

Posted 2 months ago #
dbphoto1981
Member

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

Posted 2 months ago #
Kenneth John Odle
Moderator
Try
```
.entry-content {
    background-image: url(path to image);
}
```
More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.
Posted 2 months ago #
dbphoto1981
Member

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

Posted 2 months ago #
dbphoto1981
Member
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
Posted 2 months ago #
ChainKiller
Member

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

Posted 2 months ago #
dbphoto1981
Member

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?

Posted 2 months ago #
ChainKiller
Member

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

Posted 2 months ago #
dbphoto1981
Member

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 :)

Posted 2 months ago #
ChainKiller
Member
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{
...
}
```
Posted 2 months ago #

12 Next »

Topic Closed

This topic has been closed to new replies.