Joomla module layout positioning

[sparkeh]

I am creating a Joomla website and have applied a template that moves the left hand area over to the right.

I can't for the life of me work out how to alter the template so that the left area is displayed over to the left.
Is this something that is set in the CSS or the HTML?

TIA

[jann]

If an area already exists on the right-hand side you can just swap the area the modules are published to in the admin interface.

Otherwise editing the template php file will allow you move the 'position' locations around.

What do you have published in the left and right positions?

[SYSMAN_MK]

If your template only has a right column and you want both a left and right column you will first need to edit the index.php file and create a new left module, taking into account the content and right module positions so that the modules collapse when nothing is published to them.

Then you will need to edit the CSS and create the styling for the new position. You will also need to edit the settings for the current positions also to take into account the added space the new position will take up.

[sparkeh]

Sorry I didn't explain that very well

The left hand area has been moved so it appears next to the right hand one so you get:
Main body -> left -> right.

I have just applied the template to the Edugeek package so the published items are the modules for school status, newsletter etc

[Edu-IT]

Can you not just copy the CSS for the right column, rename it, then move the current left column HTML in the template php and obviously change the class for it?

E.g
Current left column may be called left so copy the CSS for that and rename it left1 or something more useful then where you've got div class="left" or div id="left" just change it so it's left1 and then surely the position will be correct?

[rush_tech]

Which template is it?

[mossj]

Open up index.php in the root of the template/*yourtemplate* folder.

There should be some obvious containers, i.e Left, Right, Main etc

Find the left container (from what you've said it should be after the main container) and move it infront of the middle container.

You may also have to edit the css found in the template/*yourtemplate*/css folder as well.

If its not fixed by the time i get some free time, I will give you a real example to show how its done..