Understanding Module Widths

This tutorial applies to the following templates:

  • Colette
  • Maya
  • Grace
  • Magnolia
  • Harmony
  • Verona
  • Kodaline
  • London
  • Hannah
  • Elvira
  • Valencia
  • Serenity
  • Chelsea
  • Scarlett
  • Trinity
  • Willow
  • Caitlin
  • Nadia
  • Beaumont
  • Ashley
  • Fedora
  • Artisan
  • Creative
  • Revolve
  • Madison
  • Florence
  • Vitality
  • Enterprise
  • Boutique
  • Stockholm
  • Alexis
  • Central
  • Boss
  • Journal
  • Enlighten
  • LifeStyle
  • Habitat
  • Grafik
  • Brooklyn
  • Cashmere
  • Virtuoso
  • Polaris
  • Calibra
  • Renovate
  • PianoForte
  • Kindle
  • LetterPress
  • Impulse
  • Nocturne
  • Metropolis
  • Clarity
  • Substance
  • Privilege
  • Resonate
  • Arkadia
  • Presence
  • Evolution
  • Catalyst
  • Executive
  • Bordeaux
  • Novation
  • Specialize
  • Chimera
  • Avenue
  • Rendezvous

By default your module widths will automatically adjust depending on the number of modules published within its containing row. For example if you have two modules enabled then these modules widths would be set to 50% each, if you had three modules enabled then this would be 33% each and so on.

The Module Widths feature allows you to set your own manual widths to each of your individual module positions. So for example if you have three modules published within a containing row, you can set the first module position to 50% and the two remaining modules to 25% each.

It is important to note that as the module widths is set in percentages, for best results the sum of the module widths for the positions been used should add to 100. If the sum is less than 100 then your modules will not extend the full width of your template, if the sum is more than 100 then your modules will wrap to a second line.

  • Monday, 05 August 2013

Join Our Newsletter

Free Classic Template

Sign up to our Newsletter and receive news on template releases and discount coupons along with free access to our 'Classic' Joomla template.

Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.