oakfurn Posted February 5, 2010 Share Posted February 5, 2010 could some one tell how i change the side of my site from white to an image background please.www.bedz4u.com is my site im after changing the white on the left and right hand side to a back ground image . Quote Link to comment Share on other sites More sharing options...
germ Posted February 5, 2010 Share Posted February 5, 2010 could some one tell how i change the side of my site from white to an image background please.www.bedz4u.com is my site im after changing the white on the left and right hand side to a back ground image . In your stylesheet.css change this code: BODY { background: #ffffff; color: #000000; margin: 0px; } To: BODY { background: #ffffff; background-image: url('images/bg2.gif'); background-repeat: repeat; background-position: center; color: #000000; margin: 0px; } You may want to use a different image but that one doesn't look bad. :) Sometimes after changing the sheet in order to see any change you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet. This works with IE and Firefox. Quote If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you. "Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice." - Me - "Headers already sent" - The definitive help "Cannot redeclare ..." - How to find/fix it SSL Implementation Help Like this post? "Like" it again over there > Link to comment Share on other sites More sharing options...
Guest Posted February 5, 2010 Share Posted February 5, 2010 (edited) Tony, Look at your stylesheet.css file for this code: BODY { text-align: center; background: #CCCAC8; color: #000000; margin: 0px; Change it to this: BODY { text-align: center; /* background: #CCCAC8; */ background-image: url("images/filename.jpg"); <~~change this to your filename color: #000000; margin: 0px; Make sure you upload the image to the /images directory first Chris Edited February 5, 2010 by DunWeb Quote Link to comment Share on other sites More sharing options...
germ Posted February 15, 2010 Share Posted February 15, 2010 And if you want the background to remain in position while the rest of the page scrolls add this code in with the backgound image code in the stylesheet: background-attachment: fixed; Quote If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you. "Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice." - Me - "Headers already sent" - The definitive help "Cannot redeclare ..." - How to find/fix it SSL Implementation Help Like this post? "Like" it again over there > Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.