Layouts of GymGain Joomla Template

Layouts section of GymGain Joomla Template makes the arrangement of your content very easy and flexible. You can enable or disable system output, define the layout of the theme’s widget or module positions and select a style you created in the customizer. Additionally, you have the possibility to store your modifications in a layout profile and assign it to different pages.

To configure this part go to Extensions -> Template -> GymGain -> Options -> Layouts

Сlick Add in Layouts page and enter a new name to create the layout.


Style option enables you to assign a style to your layout. In addition to the customizer and the layout manager, this makes styling your pages very flexible.

Creating Layouts GymGain Template
Creating a new layout


This option allows you to hide the main system output. This is useful if you want to position only modules on certain pages, without leaving redundant space.

Sticky Main Menu

Allows set fixed menu when scrolling page.


The sidebar settings allow you to create a fully functional multi-column layout. The only requirement is to publish a widget on a sidebar position to display the selected alignment

Sidebar Settings
Sidebar Settings
WidthChoose from the provided percent values to set the sidebar width.
AlignmentDefine, whether the sidebar is published on the left or right side of the content


This table gives you an overview of the grid layout settings.

Grid Settings of Layouts GymGain Template
Grid settings
LayoutDefine, whether the widgets are positioned parallel, stacked, first doubled, last doubled
ResponsiveDefine, on which devices the widgets take up full width and stack vertically.
DividerAdd a vertical divider between parallel or first doubled widgets/modules to separate them from each other
Full WidthAllows to install all the elements of the position of the full width of the screen
CollapseDefine the presence of paddings between the modules. Off – modules with padding, on – modules without padding.
BackgroundSelect one of the default background images for the positions
Note: If you want to insert your own image just replace the existing image. For example, to change the pictures in top-b position on frontpage replace it on https://yoursite/templates/gymgain/images/top-b-dark-bg.jpg to any of yours.
Custom ClassAllows to add your class to write a custom styles

Additional components

In this section of settings, you can choose which modules to connect to the template.

Learn more about other template settings in GymGain Template Settings article.

Was this article helpful to you?