Guest Rivian Posted August 2, 2005 Share Posted August 2, 2005 I've made some skin changes to my cube cart and I'm really happy with it for the most part... except one thing. PageBg.jpg doesn't tile... Need to see what I mean? Here's the link: http://spokanespictureperfectphotography.l...747cf42da531afd I changed the color of the copyright information to match the new background and now the new background doesn't tile so you won't be able to see the copyright.. Is there something I can do to fix that? Thanks, ~Rivian Quote Link to comment Share on other sites More sharing options...
Guest Posted August 2, 2005 Share Posted August 2, 2005 add a "background-repeat" into the css stylesheet.... Dont know outta my head where exactly but try to figure it out and if you still need help i can later tonite....running outta time now, let me know Quote Link to comment Share on other sites More sharing options...
Guest Rivian Posted August 3, 2005 Share Posted August 3, 2005 Thing is that I don't know ANYTHING about css and I don't have a clue where to put something like that. I tried it in a few different places and it didn't make a difference. Do you know where I'd put the "background repeat"? Thanks so much for your help, ~Rivian Quote Link to comment Share on other sites More sharing options...
convict Posted August 3, 2005 Share Posted August 3, 2005 Open skins/Classic/styleSheets/layout.css. All you need is in body section. pageBg.jpg black color image 10 x 548 px => height of black background is 548px because of background-repeat: repeat-x (repeat horizontally); background-position: top; background-color: #A5A5A5 => grey background under copytight notice Wanna black whole background? body { margin: 5px; background-color: black; } :on2long: Quote Link to comment Share on other sites More sharing options...
Guest Posted August 3, 2005 Share Posted August 3, 2005 Ok try this; open layout.css in:skins\Classic\styleSheets There you will find something like this: body { margin: 5px; background-color: #FFFFFF; background-attachment: scroll; background-repeat: repeat-x; background-position: top; } Note that it may look a little different..... I believe standard background repeat is set at 'repeat-x' which is, if I call correctly horizontal so what you need to do is delete the '-x' so it will look like this: background-repeat: repeat;or change the background color to #000000...thats a little easier :on2long: Quote Link to comment Share on other sites More sharing options...
Guest Rivian Posted August 3, 2005 Share Posted August 3, 2005 :on2long: I feel like such an idiot.. of course I could just change the background color.. I'm so embarrassed... Thanks for your help!!! ~Rivian Quote Link to comment Share on other sites More sharing options...
convict Posted August 4, 2005 Share Posted August 4, 2005 seeing yuor updated layout.css.... background-attachment: scroll; background-image: url(../styleImages/backgrounds/pageBg.jpg); background-repeat: repeat; background-position: top; are good for nothing save users traffic :on2long: Quote Link to comment Share on other sites More sharing options...
Guest Rivian Posted August 4, 2005 Share Posted August 4, 2005 :on2long: */* Quote Link to comment Share on other sites More sharing options...
convict Posted August 5, 2005 Share Posted August 5, 2005 Just read, what i posted on Aug 3 2005, 09:52 PM here ;) Quote Link to comment Share on other sites More sharing options...
Guest Rivian Posted August 12, 2005 Share Posted August 12, 2005 Alright, so I re-read what you wrote and you're right, my coding was a bit sloppy. But I've fixed it and I went out and bought a book on CSS. So I'm in the process of learning the things that were holding me back. I have to say it's not as complicated as it first seemed and I'm absorbing it well. YAY!!! Thanks, Convict. You gave me some incentive to get off my butt and learn the language! ~Rivian Quote Link to comment Share on other sites More sharing options...
Guest Trooper Posted August 14, 2005 Share Posted August 14, 2005 If you want to tile the whole page background, you can use: body { margin: 5px; background-color: #000000; background-attachment: fixed; background-image: url(../styleImages/backgrounds/your_bk.gif); background-repeat: repeat-x, repeat-y; background-position: top; Quote 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.