Repeating page background image

Discussion in 'GeoCraft WordPress Theme' started by ehause, Jul 28, 2015.

  1. ehause

    ehause Member

    Joined:
    Apr 2, 2013
    Messages:
    51
    Likes Received:
    0
    Re: GeoCraft v 1.8.5 with a child theme on www.grandstrandbride.com

    I am attempting to add a page background image to all of my pages via the custom css function, as well as by uploading the image via the Geocraft settings menu.

    I have followed every single custom css and image upload advice I can find in the support forum, and nothing seems to be working.

    What am I doing wrong?

    Attached is the image i want for every page background.
     

    Attached Files:

  2. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    We regret to say that, provided www.grandstrandbride.com not woking it showing 503 Your access to this service has been temporarily limited. Please try again in a few minutes. (HTTP response code 503) therefore, we are unable to process your query.
    Kindly check.

    Do let me know
     
  3. ehause

    ehause Member

    Joined:
    Apr 2, 2013
    Messages:
    51
    Likes Received:
    0
    It's showing up fine on my end, no error message. I have some countries blocked, where are you?
     
  4. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi,

    We are in India.

    Thanks,
    Praveen
     
  5. ehause

    ehause Member

    Joined:
    Apr 2, 2013
    Messages:
    51
    Likes Received:
    0
    Try to view the site now, please.

    Grand Strand Bride.com
     
  6. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi,

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .wrapper {
        background: url( Background Image URL );
    }
    
    e.g: - .wrapper {
    background: url(http://inkthemes.com/community/attachments/background-png.8794/);
    }

    Hope it will resolve your issue :)

    Let me know if need further help.

    Thanks,
    Praveen
     
  7. ehause

    ehause Member

    Joined:
    Apr 2, 2013
    Messages:
    51
    Likes Received:
    0
    This places the background image behind the content wrapper. I only want the image to appear in the margins of the page behind the content wrapper. I want the content wrapper to be white and block the back ground image where content appears.
     
  8. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi,

    Could you please provide us some edited screenshot so that we can assist you accordingly?
    If you are unable to create screenshots then you can use www.screenpresso.com that will help you to create screenshots.

    Thanks,
    Praveen
     
  9. ehause

    ehause Member

    Joined:
    Apr 2, 2013
    Messages:
    51
    Likes Received:
    0
    See attached images.

    The first is the custom CSS code I am using. The second is of the home page, with the background image displaying behind the content area as well as in the page margins. There should be a way to have the background image apply only to the body of the page without appearing behind the content area. Or is there a way to set the content area color as a solid white so that it obscures the body background image?
     

    Attached Files:

  10. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi,

    Thanks for the screenshots...

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .wrapper {
        background: url( Background Image URL );
    }
    .wrapper .container_24 .grid_24 {
        background: white;
        padding: 0 15px;
        margin-left: -15px;
    }
    Hope it will resolve your issue :)

    Thanks,
    Praveen
     

Share This Page