Theme Elements: Content Elements

Content

• Add/Edit Grid items
  Here you can add, remove and edit the items of your item grid.
• Content Appearance
  Select the appearance of the icon grid.
  Tooltip will always be in a square shape.
• Mobile Close Behaviour
  Select the behaviour of an open flipbox or tooltip on mobile devices and touch screens

Styling › Grid Styling

• Row Cells
  Select the number of cells in a row. Each cell will contain 1 item and additional rows will be added to show all items. Consider the container size (e.g. column size) and the amount of text.
• Cell Alignment
  Select how the cells are aligned in the container and the distance between the cells and horizontal borders is assigned. Multiple lines are supported.
• Distance Between Cells In Row
  Select the distance between the cells in a row.
• Distance Between Rows
  Select the distance between the rows.
• Minimum Height – For Flipbox Only
  Select the minimum height of the cells.

Styling › Padding

• Items Content Padding
  Set the padding for the content of a grid item.

Styling › Font Sizes

• Title Font Sizes
  Select a custom font size for the titles.
• Sub-Title Font Sizes
  Select a custom font size for the sub titles.
• Content Font Sizes
  Select a custom font size for the content on the backside of the flipbox or the tooltip.
• Icon Font Sizes
  Select a custom font size for the icon.

Styling › Font Colors

• Font Colors
  Either use the themes default colors or apply some custom ones
• Custom Icon Font Color
  Select a custom font color. Leave empty to use the default
• Custom Title Font Color
  Select a custom font color. Leave empty to use the default
• Custom Sub-Title Font Color
  Select a custom font color. Leave empty to use the default
• Custom Content Font Color
  Select a custom font color. Leave empty to use the default

Styling › Background Colors

• Background Colors
  Either use the themes default colors or apply some custom ones
• Custom Background Front
  Select the type of background.
• Custom Background Color Front
  Select a custom background color. Leave empty to use the default
• Custom Background Back / Tooltip
  Select the type of background.
• Custom Background Color Back / Tooltip
  Select a custom background color. Leave empty to use the default

Styling › Borders

• Border Style Item
  Choose the border style for your element here
• Border Width Item
  Select your border width. Leave empty for theme default setting.
• Border Color Item
  Select the border color for this element here. Leave empty for theme default setting.
• Border Style Flipbox (= Backside)
  Choose the border style for your element here
• Border Width Flipbox (= Backside)
  Select your border width. Leave empty for theme default setting.
• Border Color Flipbox (= Backside)
  Select the border color for this element here. Leave empty for theme default setting.
• Border Radius (Front And Flipbox Backside)
  Select your border radius(e.g. 5px). Leave empty to use theme default setting.

Styling › Box Shadow

• Box Shadow
  Select to add a customized box shadow
• Box Shadow Styling
  Set the shadow styling values, you can use em or px, negative values move in opposite direction.
• Box Shadow Color
  Select a shadow color for this element here. Leave empty for default color
• Box Shadow Flipbox (= Backside)
  Select to add a customized box shadow
• Box Shadow Styling Flipbox (= Backside)
  Set the shadow styling values, you can use em or px, negative values move in opposite direction. If left empty 0 px is assumed
• Box Shadow Color Flipbox (= Backside)
  Select a shadow color for this element here. Leave empty for default color

Advanced › Animation

• Rotation Of Flip Box
  Select the rotation axis for the flip box