Kalles 4 Footer allows users to create a more flexible and professional footer with a new block called "Col (Parent)". Let's follow this article to get more information about configuring Footer on Kalles 4.
1. Footer Settings
Enable sticky footer: Tick on this option to enable/disable it.
Accordion mobile: Enable/disable accordions mobile footer option.
Border top: Enable/disable border-top option. Moreover, you can also choose border position between In container and Full width.
Space horizontal/ vertical items: You can change this for both Desktop and Mobile versions.
You are allowed to change Font family, Font-size, Line height, Font weight, Letter spacing, Heading margin for the heading of each block.
TEXT CONTENT, COLOR OPTIONS
You can Font size and Font weight for the content.
There are Heading, Text, Link, Link hover, Border color options for you to change.
Layout: You can choose among Container, Wrap container, Full width.
Background: Allow to change color and gradient for background.
2, Footer content
2.1. Col (Parents)
Col (Parent) is a new block which added to help us build a more flexible footer. As in the Kalles ver 3.x.x, we can not add many block in a column. However, in Kalles 4, we can do it with Col (Parent).
Heading: You can add a heading for Col (Parent). If you don't like showing heading, please leave it blank.
Menu: You are also allowed to add a Menu. Moreover, you can change Menu style, Item width (Desktop, Tablet, Mobile), Content Align, and Padding Inner.
Options on mobile: There are some options that you can change only for Mobile versions including Heading mobile, Content align, Padding inner.
Text input: You are allowed to enter any text here. Please use <br> to break line and there is an option to ennable/disable line break on mobile version.
Style: You can change Font-family, Text color, Font-size, Line-height, Font-weight, Letter Spacing, Margin bottom for Text on footer.
There are two options for you to make Text shadow and Italic font.
Mobile options: There are many option for mobile version separetely, including Hidden on mobile, Font-size, Line-height, Letter-spacing.
You can add any HTML here to show in the Footer. There is also an option to hide this block on Mobile version.
2.4. Image (Child)
Image (Child): You can upload an image there.
Image link: Add a link here to show when your customers click on the image. Leave it blank to direct to the homepage.
Image width: You can change for both Desktop and Mobile.
Margin bottom: You can also change it for both Desktop and Mobile.
SVG list: There are available list here for you. You can add more or delete some of them.
Moreover, you can change SVG height, Margin bottom (both Mobile and Desktop), and hide this block on mobile.
Menu: Here you can upload a menu.
Menu style: There are 2 types of menus for you to choose from.
Margin bottom: You are allowed to change it both on Desktop and Mobile.
Tittle: You can fill any title for Social here.
Social mode: There are two modes that you can choose from including Follow and Share.
Socila styles: You are allowed to choose styles from 1 to 4. Moreover, in some styles, you can adjust Border-radius, Social color, Space horizontal/vertical (both desktop and mobile), and Margin bottom (both desktop and mobile).