Stretch Image
Alycat
Registered Users Posts: 1 Beginner grinner
So I got my legacy just right and then the new smugmug came out. I was using the following code on my legacy site to stretch my background no matter the screen resolution.
#bgImg {
display: none;
}
.homepage #bgImg, .category_Football #bgImg, .category_Basketball #bgImg {
display: block;
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
z-index:-1;
}
<img src="http://www.pleasantlycaptured.com/photos/i-jZ2Gxr5/0/X3/i-jZ2Gxr5-X3.jpg" id="bgImg" />
Well, I have no clue where to put this or if it is even possible to do it again. FYI - My site is still currently set to my legacy site www.pleasantlycaptured.com
Any and all help is appreciated!
#bgImg {
display: none;
}
.homepage #bgImg, .category_Football #bgImg, .category_Basketball #bgImg {
display: block;
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
z-index:-1;
}
<img src="http://www.pleasantlycaptured.com/photos/i-jZ2Gxr5/0/X3/i-jZ2Gxr5-X3.jpg" id="bgImg" />
Well, I have no clue where to put this or if it is even possible to do it again. FYI - My site is still currently set to my legacy site www.pleasantlycaptured.com
Any and all help is appreciated!
0
Comments
You just set it in the theme. You dont need any code to do it. When editing your them, just browse to your background image.
www.joeywashburn.com