The footer area as a whole is divided into two main sections - Footer Top and Footer Bottom,
If you do not enable either of these footer areas, your footer will be hidden. By enabling one of these areas, a lot of new options become available -
Similarly to the global website layout, both footer sections - Footer Top and Footer Bottom - can be placed in grid as well-
or set to stay in full width -
This is defined using the Footer In Grid option
The basis of footer structure represents a grid column layout. This layout technique lets you build your content through widget areas and have them positioned in a clear and responsive manner.
Let’s focus on Footer Top for now.
In Qode Options -> Footer you have an option to choose how many columns you want to set as your layout structure. The range goes from one to four columns, in various alignments
By selecting the number of columns, the alignment options will appear below.
Colors and Background Image properties for this area will override any general setting you might have applied to the Footer Background Image initially.
Other layout options that are valuable in terms of styling and design are padding, border and angled footer
Let’s go through these additional styling options:
Footer Top Colors - With this option you can configure colors for the Footer Top area with Background Color, Title Color, Text Color, Link Color, Link Hover Color -
Footer Top Border - Setting the Footer Top Border option, you can separate the Footer Top area from the content above and set the separator color. Also you can set the height of the footer area, and if you have the footer in grid you might want to check the option for Top Border in Grid as well.
Footer Top Padding - With Footer Top Padding you can set all four paddings: Top, Right, Bottom and Left. This way, by managing Top and Bottom values you can set the height your footer area will inherit.
Angled Shape, Angled Shape Direction - Using this option you can create an angled footer and set its direction and background color.
Similar settings are available if you decide to enable the Footer Bottom area -
An additional option for Footer Bottom Columns lets you choose three columns maximum. Also, you can use Custom Menu Item Spacing. This option is set to adjust the spacing between menu items located in the custom menu widget.