Forum Support

Shape 5
March 29, 2024, 12:54:03 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: EShopper template background change black  (Read 1126 times)
alandavidt
Jr. Member
**
Offline Offline

Posts: 3



« 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
pmiddleton
Global Moderator
*****
Offline Offline

Posts: 2097



« Reply #1 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

Paul
------------
Shape 5 Team


- Using Firebug will save you so much time, frustration and forum questions:
http://getfirebug.com/


- Need some custom coding done on your site? Use our Shape 5 Hire a Coder program for free:
http://www.shape5.com/hire_a_coder/listauctions
alandavidt
Jr. Member
**
Offline Offline

Posts: 3



« Reply #2 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
pmiddleton
Global Moderator
*****
Offline Offline

Posts: 2097



« Reply #3 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

Paul
------------
Shape 5 Team


- Using Firebug will save you so much time, frustration and forum questions:
http://getfirebug.com/


- Need some custom coding done on your site? Use our Shape 5 Hire a Coder program for free:
http://www.shape5.com/hire_a_coder/listauctions
alandavidt
Jr. Member
**
Offline Offline

Posts: 3



« Reply #4 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
pmiddleton
Global Moderator
*****
Offline Offline

Posts: 2097



« Reply #5 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

Paul
------------
Shape 5 Team


- Using Firebug will save you so much time, frustration and forum questions:
http://getfirebug.com/


- Need some custom coding done on your site? Use our Shape 5 Hire a Coder program for free:
http://www.shape5.com/hire_a_coder/listauctions
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
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.