Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
QUESTION Innovation Theme Background Image
#1
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.
Reply
#2
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.
Reply
#3
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.
Reply




Users browsing this thread: 1 Guest(s)