how to make background show up the same way in all resolutions

  • djhalfpint401

    #4052

    when i set up my site using graphene my background image shows up perfectly on my laptop at screen resolution 1366 x 768 but the image shrinks or expands on monitors at other resolutions. is there a way to make the image show up the same way in all resolutions so that it looks the same on any computer? thanks for any help.

    Mod

    Kenneth John Odle

    #27088

    is there a way to make the image show up the same way in all resolutions so that it looks the same on any computer?

    You can never get it exactly the same, but you can make it stretch to fit almost any dimension monitor by adding this to your child theme style sheet:

    body {
    /* stretches background image */
    -o-background-size: 100%, auto;
    -moz-background-size: 100%, auto;
    -webkit-background-size: 100%, auto;
    background-size: 100%, auto;
    }

    That probably doesn’t work in MSIE, but perhaps it does. I don’t bother testing in MSIE as I am tired of jumping through hoops to support it.

    djhalfpint401

    #27089

    im not using a child theme (i dont think) im using the graphene theme as is so where would i install that code?

    forgot to put my url in original post its http://djhalfpint.com.

    Mod

    Kenneth John Odle

    #27090

    Go to Graphene Settings >> Display Settings >> Custom CSS (all the way at the bottom). Be sure to click “Save settings” when you’re done.

    djhalfpint401

    #27091

    ok thats what i thought…thanks

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.