Jump to content

background doesn't tile...


Guest Rivian

Recommended Posts

Guest Rivian

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.. :D

Is there something I can do to fix that?

Thanks,

~Rivian

Link to comment
Share on other sites

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

Link to comment
Share on other sites

Guest Rivian

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

Link to comment
Share on other sites

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:

Link to comment
Share on other sites

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:

Link to comment
Share on other sites

Guest Rivian

:on2long:

I feel like such an idiot.. of course I could just change the background color.. */*

I'm so embarrassed...

Thanks for your help!!!

:P ~Rivian

Link to comment
Share on other sites

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:

Link to comment
Share on other sites

Guest Rivian

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

Link to comment
Share on other sites

Guest Trooper

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;

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...