Forum Support

 
Advanced Search


[1]

Offline alandavidt
Free Member
Posts: 3
Posted on: August 13, 2012, 06:23:32 AM

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
Logged

Offline pmiddleton
Free Member
Posts: 2097
Posted on: August 13, 2012, 07:08:08 AM

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.
Logged

Offline alandavidt
Free Member
Posts: 3
Posted on: August 13, 2012, 07:57:44 AM

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
Logged

Offline pmiddleton
Free Member
Posts: 2097
Posted on: August 13, 2012, 08:26:34 AM

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

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!
Logged

Offline alandavidt
Free Member
Posts: 3
Posted on: August 13, 2012, 10:24:41 AM

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
Logged

Offline pmiddleton
Free Member
Posts: 2097
Posted on: August 15, 2012, 01:29:10 PM

In suckerfish.css at line 39 -

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

Change the one line to float:right;
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.022 seconds with 21 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.