Joomla Templates Club 406,261 posts

[rmconlon Friend rmconlonJoin date: February 2009Posts: 12Downloads:0Uploads:0 Thanks: 7]

#140737

Can anyone offer a suggestion on how to alter the footer so that the background color doesn’t span 100% across the screen? I am trying to figure out where to make a change so that the footer is 960px wide like the header? (I am using the “blue” version of Nickel)

..As a side note, I would also like to make the change to the breadcrumbs module…

Thanks for your help!

-RMC

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#302994

open template.css (line 1234)

#ja-botsl {
background:#333333 none repeat scroll 0 0;
border-bottom:1px solid #222222;
clear:both;
padding:40px 0 20px;
}

replace

#ja-botsl {
/*background:#333333 none repeat scroll 0 0;*/
border-bottom:1px solid #222222;
clear:both;
padding:40px 0 20px;
}

1 user says Thank You to nguyenhuu quang for this useful post

1. rmconlon

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#302995

open index.php

<div id="ja-botsl" class="wrap">
<div class="main clearfix">
;;
;;
;;
</div>
</div>

Remane
<div class="main clearfix">
to
<div class="lamvt clearfix">

1 user says Thank You to nguyenhuu quang for this useful post

1. rmconlon

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#302996

open css again add to bottom page

.lamvt {
background:#333333 none repeat scroll 0 0;
margin:0 auto;
width:960px;
}

1 user says Thank You to nguyenhuu quang for this useful post

1. rmconlon

[ebajh69 Friend ebajh69Join date: December 2005Posts: 36Downloads:6Uploads:8 Thanks: 7 Thanked: 4 times in 2 posts]

#303102

I was wondering where:

open template.css (line 1234)

Code:

#ja-botsl {
background:#333333 none repeat scroll 0 0;
border-bottom:1px solid #222222;
clear:both;
padding:40px 0 20px;
}

replace
Code:

#ja-botsl {
/*background:#333333 none repeat scroll 0 0;*/
border-bottom:1px solid #222222;
clear:both;
padding:40px 0 20px;
}

I can’t find it anywhere in my template.css :confused:

Also, the Footer position seems to look different in IE vs Firefox. In IE it is centered and in Firefox it is left aligned. Any ideas on how to get them noth left aligned?

Site: http://drjackiesmiles.com/main
Running Joomla 1.5.10 with JA Nickel (Blue)

Thanks,

Evan

Site is

[rmconlon Friend rmconlonJoin date: February 2009Posts: 12Downloads:0Uploads:0 Thanks: 7]

#303146

I am having the same problem… can’t locate the correct code to replace.

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#303147

pls send your live site.

[rmconlon Friend rmconlonJoin date: February 2009Posts: 12Downloads:0Uploads:0 Thanks: 7]

#303149

http://www.lapdoodles.com
username: jaforum
password: jaforum

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#303150

pls more descript.

[rmconlon Friend rmconlonJoin date: February 2009Posts: 12Downloads:0Uploads:0 Thanks: 7]

#303151

I am trying to figure out how to make the blue footer that spans all the way across the bottom of the screen, only span 960px (like the header). The initial solution posted was to locate this code and comment out the second line:

#ja-botsl {
background:#333333 none repeat scroll 0 0;
border-bottom:1px solid #222222;
clear:both;
padding:40px 0 20px;
}

however, that code doesn’t exist in my template.css…

I believe ebajh69 is having the same problem.
I am using the “Blue” template on Joomla 1.5.10

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#303153

open blue.css (line 34)

#ja-footer {
background:#106494 none repeat scroll 0 0;
}

replace:

#ja-footer {
/*background:#106494 none repeat scroll 0 0;*/
}

1 user says Thank You to nguyenhuu quang for this useful post

1. rmconlon

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#303154

open index.ph

<div id="ja-footer" class="wrap">
<div class="main clearfix">
..
..
..

replace

<div id="ja-footer" class="wrap">
<div class="main2 clearfix">
..
..
..

1 user says Thank You to nguyenhuu quang for this useful post

1. rmconlon

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#303155

opentemplate.css at bottom add

.main2 {
margin:0 auto;
width:960px;
background:#106494 none repeat scroll 0 0;
}

1 user says Thank You to nguyenhuu quang for this useful post

1. rmconlon

[rmconlon Friend rmconlonJoin date: February 2009Posts: 12Downloads:0Uploads:0 Thanks: 7]

#303157

Thanks! That solution gave me blue at 960px like I wanted, but still left a dark color extending across the screen. I went back and uncommented the ja-footer code in blue.css to this:

#ja-footer {
background: #FFFFFF;
}

And now it looks like I want it to. Thanks for your help!

[Author]

Posts