Shape 5

Joomla Templates => Life Journey - Club => : ahgoobaby February 17, 2011, 11:04:07 AM



: how do i put a custom background color to lighten it up from the dark brown?
: ahgoobaby 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.


: Re: how do i put a custom background color to lighten it up from the dark brown?
: mikek 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


: Re: how do i put a custom background color to lighten it up from the dark brown?
: jennymac 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


: Re: how do i put a custom background color to lighten it up from the dark brown?
: mikek April 02, 2011, 07:49:43 AM
Hello,

They are in:

templates/life_journey/images/


: Re: how do i put a custom background color to lighten it up from the dark brown?
: jennymac 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/


: Re: how do i put a custom background color to lighten it up from the dark brown?
: jennymac 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. :D
Thanks
Jenny


: Re: how do i put a custom background color to lighten it up from the dark brown?
: khipson 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.   :)




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
}


: Re: how do i put a custom background color to lighten it up from the dark brown?
: tomkerr 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


: Re: how do i put a custom background color to lighten it up from the dark brown?
: mikek 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;
}


: Re: how do i put a custom background color to lighten it up from the dark brown?
: tomkerr November 18, 2011, 11:07:40 AM
THANKS :)