Setting your Columns in Fildisi

General

Extra Class
In case that you like to use one of your classes.

Font Color
Choose the color for your fonts so texts will be readable. This will override your row color selection.

Heading Color
Set the color for your headings. Select among default, light, dark or one of the primary colors. This will override your row color selection.
The main parameter you have to set in columns(general tab) is the font color for the column.

Design Options

Here you can set background colors, paddings, margins and borders for the columns content.

Effects and Positions

Column Effect
Amazing and Unique feature. Select the effect for your column among the following:

  1. None
  2. Vertical Parallax

Change Columns Position
Select if you want to change the column position by setting YES here to get the following options:

1.Top Position
Define the top position for the column. Select among values 1x to 6x and -1x to -6x (consider that x is equal to 30pixels).
With this method the spaces are being resized proportionally on devices.

2.Bottom Position
Define the bottom position for the column. Select among values 1x to 6x and -1x to -6x (consider that x is equal to 30pixels).
With this method the spaces are being resized proportionally on devices.

3.Right Position
Define the right position for the column. Select among values 1x to 6x and -1x to -6x (consider that x is equal to 30pixels).
With this method the spaces are being resized proportionally on devices.

4.Left Position
Define the left position for the column. Select among values 1x to 6x and -1x to -6x (consider that x is equal to 30pixels).
With this method the spaces are being resized proportionally on devices.

5.Z Index
Specify the z-index value of this column to create amazing designs.

 

Width & Responsiveness

First of all, you can change the width of your column. Additionally, you are able to set the responsive behaviour of your column in various devices or even to hide columns. Last but not least, based on your preferences under Effects and Positions you will be able to specify the column behavior on devices in order to reset the column position or disable the parallax on tablet etc.

Was this article helpful?

Related Articles