Page, Row and Column Widths

Home
Responsive
ExtensionsSub Text Possible
- S5 Accordion MenuAccordion Column Menu
- S5 BoxPopup Box for Login
- S5 Tab ShowOrganize Your Site's Content
- S5 Flex MenuAdvanced Menu System
  - Drop Down MenuUnlimited Level Options
  - Menu Module ExamplePublish Any Module to Any Menu
    
    This is a sample module to showcase the functionality of the S5 Flex Menu system. This menu system contains up to 40 module positions and you can publish any module to any of these positions under any menu item.
  - Grouped Child MenuGroup Children Together
    Dummy Sample LinkDummy Sample Link Dummy Sample Link Dummy Sample Link Dummy Sample Link Dummy Sample Link
  - Menu With No Menu IconStandard Sub Menu Link
- S5 Image and Content FaderImage Rotating Extension
- S5 Vertical AccordionOrganize Your Site's Content
- S5 Image Scroller v2Image Rotating Extension
- S5 MP3 GalleryMP3 Player Module
Features
- S5 Vertex FrameworkLearn More About Vertex
- Vertex Template FeaturesPowerful Template Settings
  Responsive LayoutAdapt to Any Screen SizeHide Content and ModulesInfo Slide Enabled95 Module PositionsThousands of Layout OptionsSEO OptimizedMobile Device ReadyTool Tips EnabledMultibox EnabledLazy Load EnabledMenu Scroll ToHide Article Component AreaParallax BackgroundsDrop Down Panel
- Template Specific FeaturesOptions For This Template
- Continued Vertex FeaturesMore Great S5 Vertex Options
  File CompressionStock PhotographySite Shaper AvailableGoogle Fonts EnabledPage, Row and Column WidthsTypographyFluid and Fixed LayoutsFixed Side TabsIE7 and 8 CSS3 Support3rd Party Component CompatibleFloating MenuLTR LanguageRTL Language
- Joomla and Vertex TutorialsVertex and Joomla Tutorials
- J! StuffDefault Joomla Items
  SearchNewsNews FeedsLinksContact UsWrapperCategory Blog
- Fourth Item
  
  S5 Menu 5
  
  Hillsong Oceans Video
  
  Pinatibus lundium pid arcu aenean augue auctor ultrices lectus ac
  nunc ac! Hac, augue, pellentesque tortor lundium, placerat
  sociis augue lundium pid arcu aenean augue auctor ultrices
  
  auctor nunc Hac, augue, pellentesque tortor lundium,
  placerat sociis auctor nunc ac Hac, augue, pellentesque
Tutorials
- Joomla Tutorials
  Joomla and Vertex TutorialsVertex and Joomla TutorialsSite Shaper SetupSite Shapers Are Highly RecommendedInstalling The TemplateSetting Up Module StylesConfiguring The TemplateSearch and Menus SetupS5 Login and Register Setup
- Tutorial Sub
  
  Switchfoot in 2014
  
  Pinatibus lundium pid arcu aenean
  augue auctor ultrices, lectus nunc ac!
  Hac, augue, pellentesque tortor lu
- Tutorials Sub 2
  
  New Tour Dates
  
  Pinatibus lundium pid arcu aenean
  augue auctor ultrices, lectus nunc ac!
  Hac, augue, pellentesque tortor lu
- Tutorials Sub 3
  
  Best of 2013
  
  Pinatibus lundium pid arcu aenean
  augue auctor ultrices, lectus nunc ac!
  Hac, augue, pellentesque tortor lu

Details: Written by Super User; Category: Latest; Published: 12 May 2013; Hits: 4991

Fixed or Fluid Width

This template has the ability to set the entire width of your set to either a fixed pixel width or a fluid percentage width. You can set the width to any size you want.

Be sure to check out the responsive layout page to see how the layout below is constructed on multiple screen sizes. The responsive layout will work with both fixed or fluid settings. Responsive layouts are completely optional.

Column Widths

You may also set the widths of the following positions to any width that you need to: left, left_inset, right, and right_inset. You may set them to any width you need to. Columns can either be set to a fixed px width or they can be set to a fluid percentage width. If you are enabling the responsive layout we recommend setting these to percentage width.

Row Widths

This template comes loaded with module positions, many of which appear in rows of 6 module positions. Any row that contains 6 module positions can have it's row columns set to automatic widths or manual. For example, in the picture below the first row shows 4 modules published and since it's set to automatic each is set to 25% width. The second row shows a manual calculation for each module in the row. Again, you may do this for any row that contains 6 modules. If you setup a manual calculation they must total to 100%. Not all 6 modules need to be used, as shown below.

All of this is done very easily in the template configuration.