Background Image Size

Discussion in 'ClassiCraft WordPress Theme' started by parksarezoosfortrees, Dec 13, 2014.

Thread Status:
Not open for further replies.
  1. parksarezoosfortrees

    parksarezoosfortrees Member

    Joined:
    Mar 3, 2014
    Messages:
    107
    Likes Received:
    0
    I do not want my website background to tile. What size should I create my background image in order for it not to tile?

    http://earthpossible.com (I have an image that creates tiles, please see)

    What size should I create so it blends perfectly?
     
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    1. Please use large image if you don't want to repeat image like 1600px X 800px.

    2. Then paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    body {
    background-size: cover;
    }
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  3. parksarezoosfortrees

    parksarezoosfortrees Member

    Joined:
    Mar 3, 2014
    Messages:
    107
    Likes Received:
    0
    Where in Custom CSS exactly? I have never done this before. See attached photo. Where exactly do I paste it? At the top or bottom?

    I pasted it but I see it repeating. I have attached 2 photos.
     
  4. parksarezoosfortrees

    parksarezoosfortrees Member

    Joined:
    Mar 3, 2014
    Messages:
    107
    Likes Received:
    0
    Screen Shot 2014-12-15 at 7.58.36 PM.png
     

    Attached Files:

  5. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Yes you are pasting code on right place again paste the code given below in Custom CSS section
    ( Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    body {
    height: auto;
    }
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  6. parksarezoosfortrees

    parksarezoosfortrees Member

    Joined:
    Mar 3, 2014
    Messages:
    107
    Likes Received:
    0
    I pasted the code but I see it repeating. I attached an image of the repeat / tile. See Above thread
     
  7. parksarezoosfortrees

    parksarezoosfortrees Member

    Joined:
    Mar 3, 2014
    Messages:
    107
    Likes Received:
    0
    I included a new picture. I pasted 2 different codes. Is this correct? Screen Shot 2014-12-16 at 12.15.12 AM.png
     
  8. parksarezoosfortrees

    parksarezoosfortrees Member

    Joined:
    Mar 3, 2014
    Messages:
    107
    Likes Received:
    0
    Also, I put the code at the bottom. Should it be at the top?
     
  9. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Paste the code given below in Custom CSS section
    (Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    html, body {
    height: auto !important;
    }
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  10. parksarezoosfortrees

    parksarezoosfortrees Member

    Joined:
    Mar 3, 2014
    Messages:
    107
    Likes Received:
    0
    Should I delete the other 2 or leave all 3?
     
  11. parksarezoosfortrees

    parksarezoosfortrees Member

    Joined:
    Mar 3, 2014
    Messages:
    107
    Likes Received:
    0
    should I paste the code at the top or scroll to the bottom?
     
  12. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Just keep all code that i have provided you, and write the last code at bottom.

    Thanks & Regards
    Yogesh Bhade
     
  13. parksarezoosfortrees

    parksarezoosfortrees Member

    Joined:
    Mar 3, 2014
    Messages:
    107
    Likes Received:
    0
    This worked. Thank you
     
Thread Status:
Not open for further replies.

Share This Page