Joomla Templates Club 406,261 posts

[treybraid Friend treybraidJoin date: May 2008Posts: 302Downloads:0Uploads:23 Thanks: 43 Thanked: 14 times in 1 posts]

#134941

HEADER
want the header to span the entire width of the page… same with the footer… ive got a graphic created for the header – dimensions 1600 x 120… where in the template css does this need to be added…

FOOTER
the footer i just need it to repeat— added a background color… top border and a bottom border…

help!!!!

thanks
trey

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#277612

Can you give us your live URL, any screenshot or more details of the problem will be helpful

[treybraid Friend treybraidJoin date: May 2008Posts: 302Downloads:0Uploads:23 Thanks: 43 Thanked: 14 times in 1 posts]

#277648

url and screenshots…

http://www.quickcloseprocess.com/new/[/URL

for the header i have tried to edit the css and have added this :

line 18…this of course dsnt work…

body {
background:transparent url(../images/blue/logobg.jpg) repeat scroll left top;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.5;
}

…i have even tried to add here on line 24 and dsnt work as well…

body#bd {
background:transparent url(../images/blue/logobg.jpg) repeat scroll left top;

color: #000000;
margin-top: 5px;
background: #ffffff;
}

for the footer i added this to the css file… dsnt work either…

#ja-footerwrap {
background:transparent url(../images/blue/footerbg.jpg) repeat scroll ;
clear:both;
height:80px;
position:relative;
}

the footer is a small pix ( 20x80px ) to repeat across the width of the page…. and the header bg graphic is 1600x120px….

trey

---

Attachments:

1. 
2. 

[treybraid Friend treybraidJoin date: May 2008Posts: 302Downloads:0Uploads:23 Thanks: 43 Thanked: 14 times in 1 posts]

#277669

will someone please help me!!!!

thanks
trey

[treybraid Friend treybraidJoin date: May 2008Posts: 302Downloads:0Uploads:23 Thanks: 43 Thanked: 14 times in 1 posts]

#277676

the header part fixed:

body#bd {
background: url(../images/blue/logobg.jpg) repeat-x 0 0;
color: #000000;
margin-top: 2px;

}

[treybraid Friend treybraidJoin date: May 2008Posts: 302Downloads:0Uploads:23 Thanks: 43 Thanked: 14 times in 1 posts]

#277685

this is what i have added and it isnt working… i have actually added the ja-footerwrap…

#ja-footerwrap {
border-top: 15px solid #bbc3ff;
border-bottom: 20px solid #000000;
background: #aec75f repeat scroll;
clear: both;
}

#ja-footer {
border-top: 15px solid #bbc3ff;
border-bottom: 20px solid #000000;
background: #aec75f;
clear: both;
position: relative;
padding: 15px 20px;
color: #000000;
font-weight:bold;
text-align: center;
}

any idea’s why this isnt working… again i want it to go across the width of the page not just the width of the template…

trey

[treybraid Friend treybraidJoin date: May 2008Posts: 302Downloads:0Uploads:23 Thanks: 43 Thanked: 14 times in 1 posts]

#277825

Can i please get some help regarding the footer issue—going on 3+ days now!!!!
Thanks
trey

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#277848

Hi
that proble because ja-footer stay in ja-wrapper, and ja wrapper has width is 970px
—> footer can’t repeat as you want

you must edit index.php
search those lines:

<!-- BEGIN: FOOTER -->
<div id="ja-footer">
<jdoc:include type="modules" name="footer" />
</div>
<!-- END: FOOTER -->

</div>
Change to
</div>

<!-- BEGIN: FOOTER -->
<div id="ja-footer">
<jdoc:include type="modules" name="footer" />
</div>
<!-- END: FOOTER -->
Then you can add some CSS


[treybraid Friend treybraidJoin date: May 2008Posts: 302Downloads:0Uploads:23 Thanks: 43 Thanked: 14 times in 1 posts]

#277957

that is the same code…. what exactly do i need to change…
thanks

[treybraid Friend treybraidJoin date: May 2008Posts: 302Downloads:0Uploads:23 Thanks: 43 Thanked: 14 times in 1 posts]

#277960

ok i deleted the </div> and it still dsnt work for some reason…

any other idea’s…
trey

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#277981

Change from :

<!-- BEGIN: FOOTER -->
<div id="ja-footer">
<jdoc:include type="modules" name="footer" />
</div>
<!-- END: FOOTER -->

</div>
to


</div>
<!-- BEGIN: FOOTER -->
<div id="ja-footer">
<jdoc:include type="modules" name="footer" />
</div>
<!-- END: FOOTER -->

[Author]

Posts