View Full Version : Background image doesn't show on most pages
ashishpandey
Nov-09-2008, 06:58 AM
I have tried putting in a background image by putting the background in body CSS
It shows up fine on (and only on) my ShareGroups
On every other page, the CSS from the theme overrides the image background and puts in a flat grey background
ShareGroup example (OK): http://ashishpandey.smugmug.com/share/1vi5NGBbcTnHg
Gallery Example (No BG img): http://ashishpandey.smugmug.com/gallery/6436961_CCRLu#409022337_ySSoU
Any ideas what I am missing?
Allen
Nov-09-2008, 07:23 AM
I have tried putting in a background image by putting the background in body CSS
It shows up fine on (and only on) my ShareGroups
On every other page, the CSS from the theme overrides the image background and puts in a flat grey background
ShareGroup example (OK): http://ashishpandey.smugmug.com/share/1vi5NGBbcTnHg
Gallery Example (No BG img): http://ashishpandey.smugmug.com/gallery/6436961_CCRLu#409022337_ySSoU
Any ideas what I am missing?
You are repeating a black image?????? Why not just make the background black.
http://ashishpandey.smugmug.com/photos/410593613_8yYUm-O.jpg
Make your background the same color as your image you're trying to use.
#1A1C1B
rgb 26,28,27
body {background-color: #1A1C1B;}
ashishpandey
Nov-09-2008, 07:28 AM
You are repeating a black image?????? Why not just make the background black.
http://ashishpandey.smugmug.com/photos/410593613_8yYUm-O.jpg
Make your background the same color as your image you're trying to use.
#1A1C1B
rgb 26,28,27
body {background-color: #1A1C1B;}
Hi Allen. Actually the image is not flat color. Maybe it's just a monitor thing, but the image has a texture, and I can see it pretty clear on my monitor
For some reason, only the SharedGroups show it :dunno
digismile
Nov-09-2008, 01:34 PM
Try changing the first part of your CSS to this:
/******** AP ********/
body #homepage, body #bodyWrapper{
background: url(http://ashishpandey.smugmug.com/photos/410593613_8yYUm-O.jpg) 0 0 repeat;
}
from this:
/******** AP ********/
body.homepage, body, body.tempClass {
background: url(http://ashishpandey.smugmug.com/photos/410593613_8yYUm-O.jpg) 0 0 repeat;
}
Is this what you are looking for?
Please note that you need a space after "body". That's one reason why the code above doesn't work.
ashishpandey
Nov-10-2008, 05:47 AM
Try changing the first part of your CSS to this:
/******** AP ********/
body #homepage, body #bodyWrapper{
background: url(http://ashishpandey.smugmug.com/photos/410593613_8yYUm-O.jpg) 0 0 repeat;
}
Perfect. That's it :barb
Thanks
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.