Changing column bg colors

I've searched the forums. Checked out all the css info (including those to find things in the css) I can not for the life of me change the background colors in the left and right columns. URL is https://www.sssoaps.com/shop

Thanks,

Andrea

In your stylesheet.css find these lines:

#navColumnOne {

	background-color: #FFCC99;

	}



#navColumnTwo {

	background-color: #00BFBF;

	}

Change the color code as you want.

hi Clyde,

Thank you. I did do that though and for some reason the changes aren't showing up. :down: I have them both set at #ffffff

Andrea

You're using 3 stylesheets

stylesheet.css
stylesheet_new.css
stylesheet_original.css

there may be duplicate selectors in these stylesheets that are interfering with each other and affecting the rendering of the pages.

I'd go through them combine/modify/delete selectors and comeup with just one stylesheet.

Ok I'm starting from "scratch". Got the logo centered and got my columns white. What's the best way to get a border around the whole column? Right now it's only on the outsides of the columns. Also, how to make a border around each sidebox? I'm off to search the forum for answers, but if have a quick fix I'd be happy to hear it. Thank you so much for all your help. I am learning quite a bit.

Andrea

Are you using only left side boxes?

If you want to use right boxes with borders you'll need to add this to your stylesheet:

.rightBoxContainer {

	border: 1px solid #000000;

	margin-top: 1.5em;

	}

Hi Clyde,

Originally I had both sides, but when i started from scratch I decided to just go with the left side. Still can't get a border around the columns though. I did get ones around the boxes though so I'm making progress. Need to figure out how to get a login/my account link up below the header. I think i deleted something somewhere, but I'm going to stop looking at it for today and then maybe I can figure it out tomorrow. Thanks!

Andrea

Find this in your style sheet:

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
}

and make this change:

#navColumnOneWrapper, #navColumnTwoWrapper {
	margin: auto;
	border: 1px solid #000;}
#mainWrapper {
	margin: auto;
}

Also if I could make a suggestion, Your column and the boxes are the same width. I'd make the column just a bit wider than the boxes. You can do this in admin -> configuration -> layout settings -> column width - left.

leave the boxes at 150px and set the column to 170px

Thanks Clyde! You've been a huge help :thumbsup: I'll play with it some more tomorrow and let you see my progress (If you'd like a free bar of soap, let me know :D )

Andrea