Joomla Templates Club 406,261 posts

[iguinee Friend iguineeJoin date: December 2009Posts: 453Downloads:10Uploads:39 Thanks: 58 Thanked: 32 times in 1 posts]

#147123

Hello,

I am using J1.5 and would like to know how to change the background colour of the position just above the Footer and that of the haeder (where the logo and menu are resting).

Please see attached image.

6544

---

Attachments:

1. 

[noibihappy2009 Friend noibihappy2009Join date: January 2009Posts: 62Downloads:0Uploads:8 Thanked: 6 times in 1 posts]

#327614

for header:

#ja-header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:red none repeat scroll 0 0;
border-bottom:1px solid #101010;
position:relative;
z-index:100;
}

and footer:

#ja-botsl2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:red none repeat scroll 0 0;
color:#757575;
}

About image, you can add new div class inside “main clearfix” and set width of it enough.
Noted that main clearfix have width 960 and logo 188px.
(Why do

<div id="ja-header" class="wrap">
<div class="main clearfix">
<h1 class="logo">
<a title="JA Halite" href="/ja_halite/index.php">
</a>
</h1>
<div id="ja-mainnav" class="clearfix">
<div class="ja-megamenu">
</div>
</div>
<ul class="no-display">
</ul>
</div>
</div>

Finally. Daammm i have JA float bar. Try to steal idea from wibiya & facebook but failed ! Just make painful

[iguinee Friend iguineeJoin date: December 2009Posts: 453Downloads:10Uploads:39 Thanks: 58 Thanked: 32 times in 1 posts]

#327647

Hi Noibihappy2009,

Thank you for your reply.

I would need the correct path to the location where I must execute the changes. Is it template.css ? I have tried to check the template.css but culd not find the code for #ja-header {

Also, when you say to add new div class inside “main clearfix”, where is the location, please?

Thank you for your assistance

[noibihappy2009 Friend noibihappy2009Join date: January 2009Posts: 62Downloads:0Uploads:8 Thanked: 6 times in 1 posts]

#327649

#ja-header { // for all header background
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:red none repeat scroll 0 0;
border-bottom:1px solid #101010;
position:relative;
z-index:100;
}
template.css (line 1047)

or

#ja-header .main { // for in “wrap menu” as your screenshot area
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:red none repeat scroll 0 0;
padding:15px 0;
}
template.css (line 1054)

http://templates.joomlart.com/ja_halite/templates/ja_halite/css/template.css

Same with footer:

#ja-botsl2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#050505 none repeat scroll 0 0;
color:#757575;
}
template.css (line 1381)

In footer if you only need for a main area you need add
#ja-botsl2 .main{
// add color here
}

1 user says Thank You to noibihappy2009 for this useful post

1. JA Developer

[iguinee Friend iguineeJoin date: December 2009Posts: 453Downloads:10Uploads:39 Thanks: 58 Thanked: 32 times in 1 posts]

#327811

Thank you.

Your advice helped change the colours but I could not add the image to the top right.

I added the code to the template.css but did not make any changes.

[noibihappy2009 Friend noibihappy2009Join date: January 2009Posts: 62Downloads:0Uploads:8 Thanked: 6 times in 1 posts]

#327821

Ok. Than there are you files.
css file for modded css with comment (please use search for keyword “modded” “modding” to find my comment).
and php file for add image.
Enjoy and happy new year.

---

Attachments:

1. t.zip

1 user says Thank You to noibihappy2009 for this useful post

1. iguinee

[Author]

Posts