How to change background colour BEHIND left/right sideboxes?

Hello! I'm a new Zenner and this is my first post. I've been searching ways in the stylesheet.css for the above purpose. I failed to find any!

Please refer to the pic, and help me! How to change these colours?

Thanks in advance.

Look for .sideBoxContent in your stylesheet and add the background image there (example in red below). Don't forget to change the background color to something that matches the main color in the image. It'll make the transition from color to image less noticeable.

.sideBoxContent {
  background-color: #000000;
  background-image: url('../images/space011.jpg');
	padding: 0.4em;
	}

Thanks for the suggestion.

I don't need to add any background image, just to CHANGE the colour.

Please re-comment :smile:

change the background color in the declaration shown by AFO

background-color: #000000;

change this to the color you need.

Done that, but still it shows the same result. :(

It would help if we could see the site instead of an image of it. Can you post the url?

afo:

It would help if we could see the site instead of an image of it. Can you post the url?

Yes of course, it's https://www.radiomeal.com/index.php

Please take a look. I can't even change the Zen Cart , The Art of E-Commerce thingy. I did the change as instructed by the tutorial but still can get it done. Weird.

Step 1: get rid of stylesheet_old.css. Either rename it to something other than .css or delete it. The last stylesheet loaded will overrule any previous stylesheet formatting.

Step 2: change these colors:

#navColumnOne {
	background-color: #FFCC99;
	}

#navColumnTwo {
	background-color: #00BFBF;
	}

Hey I got it working! :clap:It must have been the stylesheet_old.css conflicting with my actual stylesheet.css. I should read more about .css.

While we are on it, can you advise me how to change:

1. The background colour of the centre area (above the Hello Friend!....)
2. The location of both sideboxes so it fit snugly while it touches my logo (notice the gap from the logo and the Category sidebox)

Thanks, you are really helpful.:bigups:

The area above the "Hello Friend" is the navigation breadcrumb. You can change the color here

#navBreadCrumb {
	background-color: #cc9900;
	}

To move the sideboxes up, adjust the line I've highlighted in red:

.leftBoxContainer, .rightBoxContainer {
	margin: 0em
	background-color: #ffffff;
	border: 5px solid #black;
	border-bottom: 5px solid #488AC7;
	margin-top: 1.5em;
	}

Download a copy of the Firefox browser and get the webdeveloper addon. It'll let you change the stylesheet on the fly and see the results without really changing anything. Once you get the look you want, you can save the changes locally and then FTP the modified stylesheet to your website.

Hey, finally I know its name, a breadcrumb huh? :smile:

Yes, I just got the FF Developer Kit, and it rocks!

Thanks for the tips.

FF with the webdeveloper can be very helpful tracking down those pesky stylesheet issues. :thumbsup:

Hi Afo .... Agian

u seam to help me on other issue . Thank You:smile:

in regard to your stattment "Download a copy of the Firefox browser and get the webdeveloper addon. It'll let you change the stylesheet on the fly and see the results without really changing anything. Once you get the look you want, you can save the changes locally and then FTP the modified stylesheet to your website."

i download it , but i dont see any diffrend between that to dreamweaver, i tought i will be able to see some kind of preview and also be able to edit while seeing the colors font size and able to pick tham with out entering code for colors and font size.

what i am trying to do ( and i post few posts in other tread with no reponse yet) is to make some change to my template , not major just backround color font style and such

if u can help i thank you in advance

www.tiledepot.us/store

thx to your previus help i made some improvment:smile:

[quote=maza;356434]must have been the stylesheet_old.css conflicting with my actual stylesheet.css.

ho maza, a tip to avoid future confusion, rename the backup file or previous one:

stylesheet.css.OLD or .css.BACKUP

the system never gets confused in my experience. and you can add more specific info to the suffix. trick is not to end the filename with a usable extension.

peace and good luck!

Thanks for the information. It worked great.

When an item is put in the shopping cart, the sideboxe where the shopping cart is shown is hard to read. I'd like to change the colors of the words and prices to white. I searched my css and got most of them to change but can't find were the change the rest. help?

www. needleworkfool. com