Joomla Templates Club 406,261 posts

[graphicstylus Friend graphicstylusJoin date: April 2007Posts: 62Downloads:0Uploads:6 Thanks: 4 Thanked: 1 times in 1 posts]

#123310

I would love to move the col1/left modules to the left side of template and leave col2/right module to the right side

http://www.worlddiamondstudio.com

thanks

[kwakubo Friend kwakuboJoin date: September 2006Posts: 6Downloads:0Uploads:0]

#231224

any ideas? I wish the same. This is the only reason why I have not used this template yet.

[linkery Friend linkeryJoin date: October 2006Posts: 40Downloads:0Uploads:0]

#231226

Move the column code:

<blockquote><?php if ($ja_left) { ?>
<!– BEGIN: COLUMN 1–>
<div id=”ja-col1″><div class=”shadow1″><div class=”shadow2″>
<div class=”ja-innerpad”>
<?php echo mosLoadModules ( ‘left’,-2 );?>
</div>
</div></div></div><br />
<!– END: COLUMN 1–>
<?php } ?></blockquote>

to the left side of the template in the template’s index.php file

Just copy and paste it right below this section of code:

<blockquote><div id=”ja-mainbody<?php echo $divid; ?>”></blockquote>

Then go into the template’s CSS file (template_css.css) and look for this:

<blockquote>#ja-mainbody-fr #ja-col1 {
float: right;
width: 24%;
}</blockquote>

Change it to:

<blockquote>#ja-mainbody-fr #ja-col1 {
float: left;
width: 24%;
}</blockquote>

That should work…it did for me…

[digimate Friend digimateJoin date: March 2007Posts: 31Downloads:0Uploads:1 Thanks: 5]

#231231

@linkery: Thanks for this helpfull information, will you (or somebody else) please help me too??

I like to place both columns at the left side.

So I did as you described and then copied:
[PHP] <?php if ($ja_right) { ?>
<!– BEGIN: COLUMN 2–>
<div id=”ja-col2″>
<div class=”ja-innerpad”>
<?php echo mosLoadModules ( ‘right’,-2 ); ?>
</div>
</div><br />
<!– END: COLUMN 2–>
<?php } ?>[/PHP]

right under the :
[PHP] <?php if ($ja_left) { ?>
<!– BEGIN: COLUMN 1–>
<div id=”ja-col1″><div class=”shadow1″><div class=”shadow2″>
<div class=”ja-innerpad”>
<?php echo mosLoadModules ( ‘left’,-2 );?>
</div>
</div></div></div><br />
<!– END: COLUMN 1–>
<?php } ?>[/PHP]

What happens is that indeed both columns goes to the left side.

But the content(container) goes under it and not to the right side as expected (whished)?!

Please take a look here to see what I mean: http://www.somerwil.nl/aquarialease/index.php

What must I do to correct this??

Thank you very much in advance.

Nico

[linkery Friend linkeryJoin date: October 2006Posts: 40Downloads:0Uploads:0]

#231232

Did you edit the CSS file for the columns?

I’m thinking it has something to do with the CSS or something minor that may have been overlooked…

I see that you still have the padding on the right side of the page…

Look for this:

<blockquote>#ja-mainbody #ja-contentwrap {
float: left;
width: 69.9%;
}</blockquote>

and change it to float: right and see if that helps…

And, find this:

<blockquote>#ja-col2 {
float: right;
width: 22%;
overflow: hidden;
}</blockquote>

And try it as float: left

I’m just guessing here, but if neither of these work I’ll try and rework my own index.php to get it how you want…

[digimate Friend digimateJoin date: March 2007Posts: 31Downloads:0Uploads:1 Thanks: 5]

#231233

Thank you very much for helping me !!!

This is the code of the css-file:

#ja-mainbody #ja-contentwrap {
float: right;
width: 69.9%;
}

#ja-col1 {
float: left;
width: 30%;
padding: 0;
background: url(../images/col1-center-bg.gif) repeat-y center bottom;
overflow: hidden;
}

#ja-col2 {
float: left;
width: 22%;
overflow: hidden;
}

If you need access to my site I can give it you 😮

[linkery Friend linkeryJoin date: October 2006Posts: 40Downloads:0Uploads:0]

#231234

The CSS file is in the CSS directory and named template_css.css

If you want, PM me with FTP info and I’ll try to get you going…

[digimate Friend digimateJoin date: March 2007Posts: 31Downloads:0Uploads:1 Thanks: 5]

#231236

You’ve got mail 😀

[graphicstylus Friend graphicstylusJoin date: April 2007Posts: 62Downloads:0Uploads:6 Thanks: 4 Thanked: 1 times in 1 posts]

#231240

the code above from linkery worked like a charm for me! thanks so much. the only question i have is that there is too much space after the left menu and before the actual content…is there way to reduce the gap/space

thanks

[linkery Friend linkeryJoin date: October 2006Posts: 40Downloads:0Uploads:0]

#231246

Find this in template_css.css:

#ja-content {
padding: 25px 10px 10px 20px;
margin: 0;
clear: both;
display: block;
}

And replace the padding (each number represents a side) with something smaller.

I tried:

#ja-content {
padding: 5px 1px 1px 2px;
margin: 0;
clear: both;
display: block;
}

And it came out looking ok, but you can tailor it to what you need by playing with it a bit…hope that helps…

[graphicstylus Friend graphicstylusJoin date: April 2007Posts: 62Downloads:0Uploads:6 Thanks: 4 Thanked: 1 times in 1 posts]

#231249

<em>@linkery 29986 wrote:</em><blockquote>Find this in template_css.css:

#ja-content {
padding: 25px 10px 10px 20px;
margin: 0;
clear: both;
display: block;
}

And replace the padding (each number represents a side) with something smaller.

I tried:

#ja-content {
padding: 5px 1px 1px 2px;
margin: 0;
clear: both;
display: block;
}

And it came out looking ok, but you can tailor it to what you need by playing with it a bit…hope that helps…</blockquote>
linkery you are a genious…my girlfriend loves the new site ..shes really thankful you were there to help us get this done really quick. thanks

[linkery Friend linkeryJoin date: October 2006Posts: 40Downloads:0Uploads:0]

#231250

Thank you for the kind words…I’m glad to be of service… 😀

[digimate Friend digimateJoin date: March 2007Posts: 31Downloads:0Uploads:1 Thanks: 5]

#231291

Despite the great help of Linkery I still haven’t figured out how to get the two columns on the left side.

Is there someone who is willing to help me?

TIA

Nico

[andynet69 Friend andynet69Join date: May 2007Posts: 14Downloads:0Uploads:4]

#231453

hello, I have not understood the modifications to make well in order to move the right column and have a disaster. Someone can explain to me simply please? thanks

[pacific8 Friend pacific8Join date: October 2007Posts: 16Downloads:0Uploads:2]

#231458

I have the menu on the left hand side (which is how I would like), however, the log-in menu is now across the right hand side but at the bottom. I also want this on the left (below menu). Menu is currently set to left and login set to right.

If I change login to left the whole meu swicthes back to the right.

I’m confused!

Help please – thanks!

http://onsitemediagroup.com/omg/

[Author]

Posts