Background image that doesn't tile

Discussion in 'Local Business WordPress Theme' started by bazzer, Aug 25, 2013.

  1. bazzer

    bazzer Guest

    Joined:
    Aug 18, 2013
    Messages:
    2
    Likes Received:
    0
    Can I put a background image that covers the whole background and doesn't tile the image. If so what size would it need to be and what would the code be?
    Great theme by the way.
    Regards,
    Barry
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    To achieve this,

    Firstly go to Appearance > Theme options > General Settings > Background Image
    and remove image from there.

    Now, Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    body, html {
    background: url(Enter your image address here) no-repeat center center fixed!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    } 

    This will solve your issue.
     

Share This Page