+ Post New Thread
Results 1 to 7 of 7
Web Development Thread, Joomla module layout positioning in Coding and Web Development; I am creating a Joomla website and have applied a template that moves the left hand area over to the ...
  1. #1

    sparkeh's Avatar
    Join Date
    May 2007
    Posts
    7,007
    Thank Post
    1,358
    Thanked 1,766 Times in 1,188 Posts
    Blog Entries
    22
    Rep Power
    529

    Joomla module layout positioning

    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

  2. #2

    Join Date
    Mar 2006
    Posts
    35
    Thank Post
    2
    Thanked 3 Times in 3 Posts
    Rep Power
    23
    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?

  3. #3

    SYSMAN_MK's Avatar
    Join Date
    Sep 2005
    Posts
    4,009
    Thank Post
    490
    Thanked 1,345 Times in 731 Posts
    Rep Power
    429
    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.

  4. #4

    sparkeh's Avatar
    Join Date
    May 2007
    Posts
    7,007
    Thank Post
    1,358
    Thanked 1,766 Times in 1,188 Posts
    Blog Entries
    22
    Rep Power
    529
    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

  5. #5

    Edu-IT's Avatar
    Join Date
    Nov 2007
    Posts
    7,250
    Thank Post
    404
    Thanked 630 Times in 575 Posts
    Rep Power
    185
    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?

  6. #6

    rush_tech's Avatar
    Join Date
    Jul 2006
    Location
    Nottingham
    Posts
    1,414
    Thank Post
    111
    Thanked 265 Times in 201 Posts
    Rep Power
    194
    Which template is it?

  7. #7
    mossj's Avatar
    Join Date
    Dec 2008
    Location
    Leicester
    Posts
    1,466
    Thank Post
    157
    Thanked 189 Times in 174 Posts
    Rep Power
    52
    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..
    Last edited by mossj; 1st June 2009 at 02:41 PM.

SHARE:
+ Post New Thread

Similar Threads

  1. Screen size & positioning
    By mossj in forum Web Development
    Replies: 5
    Last Post: 16th January 2009, 02:58 PM
  2. Google Analytics Tracking Module for Joomla
    By FN-GM in forum Web Development
    Replies: 0
    Last Post: 8th August 2008, 01:11 PM
  3. IE 7.0 ROK Slideshow Module in Joomla. CSS / IE Problem
    By bensewell in forum Web Development
    Replies: 0
    Last Post: 6th September 2007, 01:47 PM
  4. Joomla Menu Module editing and creation
    By ChrisH in forum Web Development
    Replies: 8
    Last Post: 6th July 2007, 12:16 PM
  5. Joomla front page module positioning
    By ChrisH in forum Web Development
    Replies: 3
    Last Post: 5th July 2007, 10:39 AM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •