Background image for left and right columns?
 

I've been searching the forums all day today, but didn't find anything on it. I'm still really new at this.

I'd like to put a background image behind both columns. I tried the categories tpl and a bunch of edits in the main.css. I got semi close, but can't seem to get it right.

I'd appreciate any help anyone can give.

http://tinyurl.com/39v28g7


http://www.shirtsforthepeople.com/sftp/home.php

Thnx!

Re: Background image for left and right columns?
 

Hi, you need to edit the
#page-container
id style in altskin.css, line 20.

Add this declaration block:

background: url("images/2column/page_container.gif") repeat-y center top


Where "page_container.gif" is your 1 pixel high, by whatever width, graphic. (i.e. probably about 960px to 1,000px wide, depending on your site design.)

That will make your graphic repeat all the way down the screen, right down to the start of the footer div.

If you aren't already using it, I highly recommend you use Firefox and install the 'Firebug' add on, which allows you to home in on every element on your page, and see what CSS is being applied to it.

Re: Background image for left and right columns?
 

Hi Sisom, thanks for the reply.

I use FireFox and I do have Firebug installed, but I'm just now learning how to use it.

I don't have an altskin.css file. Not sure if that's because I'm using pro or not. The only #page-container lines I can find are in the main.css.

Re: Background image for left and right columns?
 

oop. scratch that.

schemes/templates/2-columns

Found that through FTP but nothing in the skin1 folder at all. arg..

Re: Background image for left and right columns?
 

Hi, I should have said to add this declaration block:
background: url("images/page_container.gif") repeat-y center top

As you aren't using the 2 column skin, it doesn't make sense to put it in the 2column folder. (It will still work fine either way, as long as you point to the correct URL).

In Firebug, do you not see any altskin.css styles? I would be very surprised if you didn't!

You can add it to the style in main.css and see if it works, but there will be a copy of the id selector and its style in altskin.css, which may override what you have put in main.css, but Firebug will tell you.

Re: Background image for left and right columns?
 

I have zero altskin.css anywhere in the skin1 folder. :(

#content-container2 in main.css is what it shows for that area in firebug. It will put a background image but it's cut off rather badly.

Re: Background image for left and right columns?
 

Any one else have any ideas? Spent 3 days on this, and it's aggravating the living crap out of me.

Should have gone with gold. I don't have any "altskin.css" file. No idea why.

Re: Background image for left and right columns?
 

Your template may or may not have altskin.css
If it doesnt, check for main.css as that very well may be the main one to edit.

I went to your site and was able to add backgrounds to both.
#left-bar
#right-bar

If you want color on the top and sides, you'll have to use padding on the same div ids.

Re: Background image for left and right columns?
 

Worked like a charm. Thanks Chief!