Adding Image as home page background behind text only

  • Mod

    Kenneth John Odle



    .home .entry-content {
    background-image: url(;

    to get to show on just the home page



    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 🙂



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


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

    Kenneth John Odle


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

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



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

    .home #content {
    background-image: url(;
    background-size:648px 432px;

    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 🙂


    .home .page {
    background-image: url('');
    background-repeat: no-repeat;



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


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



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



    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.