GetSimple Support Forum
QUESTION Innovation Theme Background Image - Printable Version

+- GetSimple Support Forum (http://get-simple.info/forums)
+-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3)
+--- Forum: Themes (http://get-simple.info/forums/forumdisplay.php?fid=10)
+--- Thread: QUESTION Innovation Theme Background Image (/showthread.php?tid=8778)



Innovation Theme Background Image - joyofweaving.com - 2016-10-13

Searched the forums and didn't see this anywhere and I'm at my wits end.

I'm using the Innovation theme without modification other than a few plug-ins. It seems I can't change the background image for this theme. I tried changing the CSS to the URL of the image (even with it in different locations), cleared cache and the background image simply will not show up. Only the default color is shown.

Here's the things I tried in CSS and yes, the image is located in several different areas and still no joy.

body {
background: #EFEFEF;* /*EVEN AFTER COMMENTING OUT THIS ORIGINAL, THE BACKGROUND COLOR STILL SHOWS UP EVEN WITH CLEARED CACHE!!!!/
/*background: url(http://mywebpage.org/data/uploads/bak2.jpg) #EFEFEF; DOES NOT WORK*/
/*background-image: url("http://mywebpage.org/data/uploads/bak2.jpg"); DOES NOT WORK*/
/*background-image: url(./images/bak2.jpg); DOES NOT WORK*/
/*background-image: url(../images/bak2.jpg); DOES NOT WORK*/
/*background-image: url("bak2.jpg"); DOES NOT WORK, GRRRRR*/
/*background-image: url("http://mywebpage.org/theme/Innovation/images/bak2.jpg"); DOES NOT WORK EITHER WTF I GIVE UP*/
}
Angry
What's the secret to changing the background image in Innovation theme? Thank you, in advance.


RE: Innovation Theme Background Image - joyofweaving.com - 2016-10-13

OK, must be a server side issue? I left the background color as black after my post and did a "wait and see". After 45 minutes of doing other stuff, like checking for bad links and spelling errors on pages, the color suddenly changed to black.


RE: Innovation Theme Background Image - Timbow - 2016-10-13

How frustrating! I am sure we have all been there.
'I doesn't work! Aaargh!' 

Yes, the grey behind everything in the innovation theme is defined at line 2 of the css:
Code:
body {
    background:#EFEFEF;
}

so if changing it makes no difference you are doing something else wrong.
You can add a background image on top of the colour like this:
Code:
body {
    background:#EFEFEF url(images/screenshot.png);
}

This is the css reference I use http://reference.sitepoint.com/css combined with chrome's 'Inspect' function but there are surely other ways.