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 www.sssoaps.com/shop
Thanks,
Andrea
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 www.sssoaps.com/shop
Thanks,
Andrea
In your stylesheet.css find these lines:
Change the color code as you want.Code:#navColumnOne { background-color: #FFCC99; } #navColumnTwo { background-color: #00BFBF; }
hi Clyde,
Thank you. I did do that though and for some reason the changes aren't showing up. 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:
Code:.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:
and make this change:Code:#navColumnOneWrapper, #navColumnTwoWrapper, #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.Code:#navColumnOneWrapper, #navColumnTwoWrapper { margin: auto; border: 1px solid #000;} #mainWrapper { margin: auto; }
leave the boxes at 150px and set the column to 170px
Thanks Clyde! You've been a huge help 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 )
Andrea
Bookmarks