Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Resizing Module widths in T3

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi Folks

A common question that is asked - "is how to resize positon widths in a T3 template?"

So below is a series of screenshots to explain this :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
start_tab1.jpg


Open up the template admin and navigate to the layout tab
The arrow indicates the module positions tab - below this is the positions currently set up in this layout
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
display_number_positions_2013-08-31.jpg


Where the arrow indicates this controls the number of positions you have available in this row - currently it has 4

The above row only has 1

You can change this by simply clicking the numbers
- once clicked it will always divide the numbers of positions equally between the number of positions and the total allowed for a row e.g. 12 (total)

so currently with it being 4 positions available it means each position is currently 3 wide

Some rows because of a template design won't have the numbers available
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 8 years 1 month ago by manh.
The administrator has disabled public write access.
controlwidths.jpg


To control the widths of each module individually you need to switch to the responsive layout as marked by the top arrow

The second arrow indicates the device layout you are working on - for different device layouts you will need to have different position values as required (see next pic for more info)
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 8 years 1 month ago by manh.
The administrator has disabled public write access.
drag_me.jpg


To resize the position you need to click here as marked by the arrow and tooltip and drag required

If the totla widths are higher than 12 the last position will drop to the next line

resized.jpg


Here you can see an example of various position widths
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 8 years 1 month ago by manh.
The administrator has disabled public write access.
hide_me.jpg


If required you can hide a module position by clicking the eye as indicated by the arrow
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
resize_other_layouts.jpg


Each device layout needs to be set up as required - here you can see the device "normal"

The grid widths are still at the default widths
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hopefully this is of help :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: ssartjb

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers