[djhalfpint401]

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.

[Kenneth John Odle]

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]

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.

[Kenneth John Odle]

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]

djhalfpint401

#27091

ok thats what i thought…thanks