No site background showing - by armanchicago

This topic has 4 replies, 2 voices, and was last updated 8 years, 5 months ago ago by Eva Kemp

  • Avatar: armanchicago
    armanchicago
    Participant
    October 18, 2015 at 02:46

    hi, I set a site background here:
    https://www.evernote.com/l/AMnwtjfJ5l1O8IAQp6Yp-EUorLdRTCWQugE

    but it isn’t showing on any pages 🙂

    any suggestions?

    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    October 19, 2015 at 09:33

    Hello,

    That option will work only if you select site layout “Boxed” in Theme Options > General.
    Now you need add this code in Theme Options > Custom CSS > Custom CSS for desktop:

    .st-content {
        background-image: url("https://www.thermalprinteroutlet.com/wp-content/uploads/2015/09/background.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
    }

    Please note your image is too small in height and it will be distorted on your site. We recommend you to edit its sizes.

    Regards,
    Eva Kemp.

    Avatar: armanchicago
    armanchicago
    Participant
    October 19, 2015 at 15:43

    thanks for that, about the size, what do you recommend? we wanted it to just be a top fade at the top of the page under the header, that was the idea.

    thanks

    Avatar: Eva
    Eva Kemp
    Support staff
    October 19, 2015 at 15:48

    Hello,

    In this case remove the previous code and use this one:

    .page-content {
        background-image: url("https://www.thermalprinteroutlet.com/wp-content/uploads/2015/09/background.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center top;
    }

    Regards,
    Eva Kemp.

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.