Element Settings

Click on the pencil icon to edit an element. And you'll see 3 main tabs including General Settings, Design Settings and Responsive Settings.

General Settings

Under this tab the options are as follows:

  • Module Position- Assign the module position of the element in the layout. The dropdown lists all the active module positions created in Joomla backend.

  • Element Title- Customize the element name to make it easy & clear to understand in the layout manager.

  • Custom Class- Write the class name used for writing custom CSS or JS.

  • Custom ID- Give a custom ID to override the auto-generated ID.

Design Settings

Under this tab the options are as follows:

  • Animation- Choose animation for the element. You can also set the Animation Delay time in the next step.

  • Background Type- Select the background type for your element from None, Color, Image, Video or even add a Gradient.

  • Custom Colors- Choose whether you want to enable or disable the custom colors for the element. If you enable it then you have the option to set Text Color, Link Color & Link Hover Color of the element’s content.

  • Spacing- Add margin and padding values over the row to improve its appearance on different devices.

Responsive Settings

Under this tab the only option is:

  • Device Visibility- Choose your preference of hiding or showing the section on different screens like Hide on Extra Small Devices, Hide on Small Devices, Hide on Medium Devices, Hide on Large Devices or Hide on Extra Large Devices.

Last updated

© Astroid Framework 2023.