Adding Image as home page background behind text only

  • Mod

    Kenneth John Odle

    #36383

    Try

    .home .entry-content {
    background-image: url(http://www.truenorthconsulting.eu/?attachment_id=131);
    }

    to get to show on just the home page

    dbphoto1981

    #36384

    Hi, I tried that but the image dissapeared with the .home. tg.

    Not sure how to do the <div> tag chainkiller?

    Thanks for the help guys 🙂

    ChainKiller

    #36385

    You need to edit your page and add <div id=’whatever’> before everything on your editor then add </div> after it.

    image

    then go to editor and add to your style.css

    #name you used for the id in this case whatever{
    background-image: url(link to image);
    }
    Mod

    Kenneth John Odle

    #36386

    A more efficient method is to target pages or posts by their unique ID or class:

    http://blog.kjodle.net/2012/02/24/styling-wordpress-posts-pages-archives-and-home-pages-by-class/

    Adding an additional <div> to the page could cause other problems.

    dbphoto1981

    #36387

    Thanks Kenneth, been looking at that and have added this:

    .home #content {
    background-image: url(http://www.truenorthconsulting.eu/wp-content/uploads/2013/03/Boat-5.jpg);
    background-size:648px 432px;
    background-repeat:no-repeat;
    }

    This has got it behind, but now there is a white square where the content is covering this? any ideas? Thanks though, we’re getting there 🙂

    Anonymous

    #36388
    .home .page {
    background-image: url('http://www.truenorthconsulting.eu/wp-content/uploads/2013/03/Boat-5.jpg');
    background-repeat: no-repeat;
    }

    dbphoto1981

    #36389

    Thanks, that has it perfectly 🙂 how can I remove the bottom border that is now showing up in the picture?

    Anonymous

    #36390
    .home .entry-footer {
    border-top: none !important;
    }

    dbphoto1981

    #36391

    Great, thank you Prasanna 🙂 Massive help and it’s looking great now. Cheers.

    Anonymous

    #36392

    You are welcome!

    Marking thread as resolved. You can do this yourself as well.

Viewing 10 posts - 11 through 20 (of 20 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.