Footer Theme Options

Footer Theme Options

02/12/2018

There are various options available for customizing the Footer in Avada > Theme Options > Footer. There are three sub-panels in the Footer tab: Footer Content, Footer Background Image, and Footer Styling. Please continue reading below to know more about each option.

Overview

Footer Content

Footer Widgets - Illustrated as A. Allows you to show or hide the footer widgets.

Number of Footer Columns - Illustrated as B. Controls the number of columns to be displayed in the footer. Choose from 1 to 6.

Center Footer Widgets Content - Illustrated as C. Allows you to center the footer widget content.

Footer Special Effects - Illustrated as D. Allows you to select a special effect for the footer area. Choose between None, Footer Parallax Effect, Parallax Background Image, Sticky Footer, or Sticky Footer and Parallax Background Image.

None - Allows you to disable footer effects.

Footer Parallax Effect - Allows you to enable a fixed footer with parallax scrolling effect.

Parallax Background Image - Allows you to enable a parallax effect on the background image selected in “Background Image For Footer Widget Area” field.

Sticky Footer - Allows you to enable a sticky footer. The entire footer area will always be "below the fold". On very short pages, it makes sure that the footer sticks at the bottom, just above the fold. IMPORTANT: This will not work properly when using a Left or Right Side Header layout and the side header is larger than the viewport.

Sticky Footer and Parallax Background Image - Allows you to enable a sticky footer with a parallax effect on the background image. The entire footer area will always be “below the fold”.

Copyright Bar - Illustrated as E. Allows you to show or hide the copyright bar.

Center Copyright Content - Illustrated as F. Allows you to center the copyright bar content.

Copyright Text - Illustrated as G. Allows you to enter the text that will be displayed in the copyright bar. HTML markup can be used.

Footer Background Image

Background Image For Footer Widget Area - Illustrated as H. Allows you to set an image for the footer widget background. If left empty, the footer background color will be used.

100% Background Image - Illustrated as I. Allows you to have the footer background image displays at 100% in width and height according to the windows size.

Background Repeat - Illustrated as J. Controls how the background image repeats. Choose between Repeat All, Repeat Horizontally, Repeat Vertically, or No Repeat.

Background Position - Illustrated as K. Controls how the background image is positioned.

Footer Styling

100% Footer Width - Illustrated as L. Allows you to have footer area display at 100% width according to the window size. If this is set to Off, it will follow the site width.

Footer Padding - Illustrated as M. Controls the top/right/bottom/left padding for the footer.

Footer Background Color - Illustrated as N. Controls the background color of the footer.

Footer Border Size - Illustrated as O. Controls the size of the top footer border.

Footer Border Color - Illustrated as P. Controls the border colors of the footer.

Footer Widgets Area Vertical Divider Line - Illustrated as Q. Allows you to have the footer widget area display vertical divider line between columns.

Footer Widgets Area Vertical Divider Line Size - Illustrated as R. Controls the size of the vertical divider line between footer widget area columns.

Footer Widgets Area Vertical Divider Line Style - Illustrated as S. Controls the style of the vertical divider line between footer widget area columns.

Footer Widget Divider Color - Illustrated as T. Controls the divider color in the footer widgets and also the vertical divider lines between widget areas.

Footer Widgets Area Padding - Illustrated as U. Controls the right/left padding for the footer widget areas.

Copyright Padding - Illustrated as V. Controls the top/bottom padding for the copyright area.

Copyright Background Color - Illustrated as W. Controls the background color of the footer copyright area.

Copyright Border Size - Illustrated as X. Controls the size of the top copyright border.

Copyright Border Color - Illustrated as Y. Controls the border colors for the footer copyright area.

Footer Headings Typography - Illustrated as Z. Controls the primary and backup font family, font weight and style, font subsets, font size, line height, letter spacing, and font color of the footer headings.

Footer Font Color - Illustrated as AA. Controls the text color of the footer font.

Footer Link Color - Illustrated as AB. Controls the text color of the footer link font.

Footer Link Hover Color - Illustrated as AC. Controls the text hover color of the footer link font.

Copyright Text Color - Illustrated as AD. Controls the text color of the footer copyright area.

Copyright Link Color - Illustrated as AE. Controls the link color of the footer copyright area.

Copyright Link Hover Color - Illustrated as AF. Controls the link hover color of the footer copyright area.

Copyright Font Size - Illustrated as AG. Controls the font size for the copyright text.

Recent Posts

Recent Tweets

For privacy reasons Twitter needs your permission to be loaded. For more details, please see our Privacy Policy.
I Accept