Shape 5

Hi

I am very new to these templates , please can you tell me how I change the colour from black to another colout of my choice , could not find a specific reference in the forum to this

Thanks

Alan

Hi

You have two choices, depending on what you are trying to achieve. Find this in templates/eshopper/css/template.css, around line 355 -

#s5_main_body_wrap {
  background: url("../images/s5_header_bg.jpg") no-repeat scroll center top transparent;
}

You can either replace the s5_header_bg.jpg with your own image, which will replace the black background with the image you choose, or you can take the entire background: line out altogether and replace it with -

background-color: #FF0000;

using what ever color you want, of course.

Paul thank for your quick reply

I commented out the current lines and repalced as per your suggestion but it does not appear to have worked, I tried with and without the #

extract from my template.css file

;#s5_main_body_wrap {
;background:url(../images/s5_header_bg.jpg) no-repeat top center;
;}


#background-color: #5A097E;

Any ideas?

Alan

Sorry, I didn't actually explain it very well, so I'll start again ;)

For a start, it's line 335, not 355 in template.css.

Now, the options you have are this -

1. Edit the s5_header_bg.jpg image currently in templates/eshopper/images. It's currently black, so editing it in Photoshop or whatever, and overwriting the original will change the color on the site.

2. Alternatively, make the section mentioned now read this -

#s5_main_body_wrap {
background:#FF0000;
}

Again, you'll need to make the #FF0000 whatever you need it to be. I just use bright red because it's obvious when it's been changed.

The second option is a little more brutal, as it will fill the entire width of the screen, not just the main body column with white borders.

I hope that makes more sense!

Thanks that worked great

I have another question not sure if I need to do a new post?

The menu shows on the right and I want it on the left if possible ?

http://79.170.40.241/heavenlydanceshoes.com/

Thanks

Alan

In suckerfish.css at line 39 -

#s5_navv {
  float: right;
  padding-top: 46px;
}

Change the one line to float:right;