Full background image homepage only

resolved (3 posts) (2 voices)

  1. dandylyon
    Member

    Hi,

    I'm trying to add a full background image for the homepage only using the Myriad/Softlights theme for http://www.dartmouthselfcateringholidays.co.uk

    I've added the following code to potterysoftlights.css but for some reason it is not working.

    .is_home body { background-image: url("http://www.dartmouthselfcateringholidays.co.uk/images/wallpaper/dartmouth-warfleet-pottery.jpg") !important; }

    The image is valid though is stored outside of the wp_content/uploads folders.

    Many thanks
    David

    Posted 4 years ago #
  2. Hi David,

    Try it like this instead:
    body.is_home { background-image: url("http://www.dartmouthselfcateringholidays.co.uk/images/wallpaper/dartmouth-warfleet-pottery.jpg") !important; }

    -roch

    Posted 4 years ago #
  3. dandylyon
    Member

    Brilliant Rochester.

    The final code I ended up with was:-

    /* I added a few lines of code to fix the scrolling and position */
    body.is_home {
    background-image: url("http://www.dartmouthselfcateringholidays.co.uk/images/wallpaper/dartmouth-warfleet-pottery.jpg") !important;
    background-repeat:repeat-x;
    background-attachment:fixed;
    background-position:center top;
    }

    /* This hides the overlay and may not be needed */
    body.is_home #fullbg img{
    display:none;
    }

    Thanks again
    David

    Posted 4 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme