Forum Support

Shape 5
March 28, 2024, 10:56:37 PM *
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: how do i put a custom background color to lighten it up from the dark brown?  (Read 875 times)
ahgoobaby
Jr. Member
**
Offline Offline

Posts: 18



« on: February 17, 2011, 11:04:07 AM »

I can see that you can change the highlight colors and the tab colors, but how do you change the actual background color.  It is very dark brown and we want to lighten it up to a white or off white, or ideally a background tiled image.  Please help me with that.
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: February 17, 2011, 12:54:33 PM »

Hello,

The background is created by images so you would need to modify the following files:

s5_bg_top.jpg
s5_bg_bottom.jpg
s5_bg.jpg
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
jennymac
Jr. Member
**
Offline Offline

Posts: 144



WWW
« Reply #2 on: April 01, 2011, 08:58:27 PM »

Hi Mike
where are the images located? In another post you also talked about some .png images. Are they also located in the same place?

Thanks Jenny
Logged

Jenny McWilliam
Girls' Brigade Victoria
Webmaster!
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: April 02, 2011, 07:49:43 AM »

Hello,

They are in:

templates/life_journey/images/
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
jennymac
Jr. Member
**
Offline Offline

Posts: 144



WWW
« Reply #4 on: April 03, 2011, 12:06:04 AM »

Hi Mike,
I finally found what you meant, uploaded and overwrote the .png file with my new one but it does not look like anything has happened.
Suggestions?
Thanks
Jenny
http://test.gbvic.org/
Logged

Jenny McWilliam
Girls' Brigade Victoria
Webmaster!
jennymac
Jr. Member
**
Offline Offline

Posts: 144



WWW
« Reply #5 on: April 03, 2011, 12:10:32 AM »

Ignore my last post, Mike. I DID IT!!!! I GOT IT RIGHT - woo hoo!
I had just put it in the wrong place. Cheesy
Thanks
Jenny
Logged

Jenny McWilliam
Girls' Brigade Victoria
Webmaster!
khipson
Jr. Member
**
Offline Offline

Posts: 9



« Reply #6 on: April 29, 2011, 09:36:00 PM »

You can also edit the template.css file and replace the background image references with a CSS background color reference instead of modifying the files, if you're not handy with Photoshop... just figured this out myself somewhat accidentally.   Smiley




body  {
  color:#191919;
  background:url(../images/s5_bg.jpg);    <---   replace this line with " background-color:#FFFFFF; " to make it white
  font-size:0.8em;
  line-height:140%;}


#s5_header_area1 {
background:url(../images/s5_bg_top.jpg) no-repeat bottom center;   <--- ditto
height:200px;
margin-bottom:-30px;
}


#s5_footer_area1 {
background:url(../images/s5_bg_bottom.jpg) no-repeat top center;   <--- ditto
}
Logged
tomkerr
Jr. Member
**
Offline Offline

Posts: 19



« Reply #7 on: November 18, 2011, 07:01:27 AM »


I changed the three files but middle section stays white.  Any ideas...  .www. saintbenedicts.com/newsite



s5_bg_top.jpg
s5_bg_bottom.jpg
s5_bg.jpg

Thanks
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #8 on: November 18, 2011, 08:24:46 AM »

Hello,

The background call has been removed from your css. You can try adding the following to the bottom of template.css:

#s5_center_area1 {
background:#000000;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
tomkerr
Jr. Member
**
Offline Offline

Posts: 19



« Reply #9 on: November 18, 2011, 11:07:40 AM »

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