Full background image homepage only

resolved (3 posts) (2 voices)

  1. dandylyon


    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

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


    Posted 4 years ago #
  3. dandylyon

    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-position:center top;

    /* This hides the overlay and may not be needed */
    body.is_home #fullbg img{

    Thanks again

    Posted 4 years ago #


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