Joomla Templates Club 406,261 posts

[MatsNordahl Friend MatsNordahlJoin date: December 2005Posts: 11Downloads:0Uploads:0]

#119216

Hi, I will try this once more.
Can somone point me in the right direction to what to edit in the css file if I want to change the background color of just the left column.

[nathanbohn Friend nathanbohnJoin date: March 2006Posts: 230Downloads:0Uploads:0 Thanked: 9 times in 1 posts]

#216074

what version of xenia are you using?

[MatsNordahl Friend MatsNordahlJoin date: December 2005Posts: 11Downloads:0Uploads:0]

#216088

Ja-Xenia 1.0, released 23-01-2007, just the plain one. 🙂

[MatsNordahl Friend MatsNordahlJoin date: December 2005Posts: 11Downloads:0Uploads:0]

#216144

Is there anyone with an answer to this question, please.

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#216149

To change the background of left column, you could edit the style for class #ja-leftcol. After you apply the background for left column, you should also add following script to template index.php to ajust the background height of left column:


<script>
window.onload = function() {
var jaleft = document.getElementById ("ja-leftcol");
var jamain = document.getElementById ("ja-mainbody<?php echo $divid; ?>");
var maxh = 0;
if (jaleft && jaleft.scrollHeight > maxh) maxh = jaleft.scrollHeight;
if (jamain && jamain.scrollHeight > maxh) maxh = jamain.scrollHeight;

if (jaleft && jaleft.scrollHeight < maxh) jaleft.style.height = maxh + "px";
}
</script>


[MatsNordahl Friend MatsNordahlJoin date: December 2005Posts: 11Downloads:0Uploads:0]

#216182

Thank’s I will try to make the change according to Your advice. 🙂

[MatsNordahl Friend MatsNordahlJoin date: December 2005Posts: 11Downloads:0Uploads:0]

#216206

I can’t find the parts to change.
Cna You please, please, please show me the lines to change?

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#216213

1. Open template css file, search following style:


#ja-leftcol {
float: left;
width: 19.9%;
}

You could define background to this style, example:


#ja-leftcol {
float: left;
width: 19.9%;
background-color: #cccccc;
}


2. Open template index.php file, add following code to before </head> line:


<script>
window.onload = function() {
var jaleft = document.getElementById ("ja-leftcol");
var jamain = document.getElementById ("ja-mainbody<?php echo $divid; ?>");
var maxh = 0;
if (jaleft && jaleft.scrollHeight > maxh) maxh = jaleft.scrollHeight;
if (jamain && jamain.scrollHeight > maxh) maxh = jamain.scrollHeight;

if (jaleft && jaleft.scrollHeight < maxh) jaleft.style.height = maxh + "px";
}
</script>


[MatsNordahl Friend MatsNordahlJoin date: December 2005Posts: 11Downloads:0Uploads:0]

#216231

Thank’s a milion times, You are the man. 🙂

[Author]

Posts