Adding Image as home page background behind text only

  • 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

    #36374

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

    Mod

    Kenneth John Odle

    #36375

    Try

    .entry-content {
    background-image: url(path to image);
    }

    dbphoto1981

    #36376

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

    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

    #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

    #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

    #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

    #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

    #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{
    ...
    }
Viewing 10 posts - 1 through 10 (of 20 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!