Footer Section Options

Create the stylish footer section for your site and add all the necessary information for your customers

Footer section is the best variant to add all the additional and useful information for your customers into a separate section available on each page.

It may include copyrights or references, contact information etc.

Within Native theme functionality, you have the opportunity to select the styles for the footer on your site and create the one which will be the most suitable for you.

Main footer settings

In this section, you can style the footer section of the site.

footer-section-options

  • Footer variants – select the best variant of the footer section of your site. You may choose Compact, Widgetized, Visual Composer page or disable footer section at all for your site.
    • Compact – select this footer variant to have simple footer section with the footer elements inside.
      • Layout width – set the footer section for your site to boxed or full width.
      • Footer logotype – switch it to Enable to display logo image in the footer.
      • Logotype image – upload the logotype image to be displayed in the footer area.
      • Social icons – allows you to enable or disable the social icons in the footer section. The social icons can be set in Theme optionsSocial accounts Social networks section.
      • Footer menu – allows you to enable or disable the menu in the footer. The menu can be assigned to Appearance Menus Manage locations Footer navigation.
    • Widgetized – set this footer variant to have the widgets for footer section. The widgets can be added in Appearance Widgets Footer column 1Footer column 2Footer 3 and Footer column 4 sections.
      • Layout width – set the footer section for your site to boxed or full width.
    • Visual Composer page – select this footer variant for your site if you want to set a page created with Visual Composer elements as the footer section for your site.
      • Footer page – select the page from the drop-down list to make it displays as the footer on the site.
    • Disable – select this variant to disable the footer for the whole site.
Main subfooter settings
In this section, you can customize the subfooter section for your site.

main-subfooter-settings

  • Subfooter – switch it to Enable to have subfooter area on your site.
  • Layout width – set the subfooter section for your site to boxed or full width.
  • Columns number – you may select the number of columns with content for your subfooter section and customize the content of each column in subfooter. Three is the maximum value.
  • First column content – allows you to choose the content to be displayed in the first subfooter column.
    • First column content alignment – allows you to choose the horizontal alignment for the first column. Right, left and center alignment positions are available.
    • Copyright – allows you to display copyright message in the first column of subfooter.
      • Copyright message – enter the copyright message which will be visible in subfooter.
    • Logo – allows you to display logotype image in the first column of the subfooter.
      • Logotype – select the image from the media library which will be set as logotype image for the subfooter.
    • Social Networks – allows you to display the social icons in the first column of the subfooter section. The social icons can be set in Theme optionsSocial accounts Social networks section.

The second and third columns of the subfooter area have the same settings as the first column and can be set in the same way in Main subfooter settings section.

Footer styling options
Here you can select the background color and background image for the footer section of your site.

footer-styling-options

  • Footer background color – select the background color for your footer area.
  • Dark background – switch it to Enable if the dark background color was set for footer background color. The text color will be changed to make the text more readable.
  • Background image – select and upload the image to be displayed as the background image for your footer area.
  • Background repeat – allows you to set the repeat for the background image. No-Repeat, Repeat X (horizontally), Repeat Y (vertically), Repeat options are available.
Subfooter styling options
Set the styling options for your subfooter area in this section.

subfooter-styling-options-new

  • Background color – select the background color for your subfooter area.
  • Dark background – switch it to Enable if the dark background color was set for subfooter background color. The text color will be changed to make the text more readable.
  • Background image – select and upload the image to be displayed as the background image for your subfooter area.
  • Background repeat – allows you to set the repeat for the background image. No-Repeat, Repeat X (horizontally), Repeat Y (vertically), Repeat options are available.

 

div#stuning-header .dfd-stuning-header-bg-container {background-image: url(https://nativewptheme.net/support/wp-content/uploads/2017/01/hands1.jpg);background-size: cover;background-position: center center;background-attachment: initial;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 550px;}#main-content .dfd-content-wrap {margin: 0px;} #main-content .dfd-content-wrap > article {padding: 0px;}@media only screen and (min-width: 1101px) {#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars {padding: 0 0px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child {border-top: 0px solid transparent; border-bottom: 0px solid transparent;}#layout.dfd-portfolio-loop > .row.full-width #right-sidebar,#layout.dfd-gallery-loop > .row.full-width #right-sidebar {padding-top: 0px;padding-bottom: 0px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars .sort-panel,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars .sort-panel {margin-left: -0px;margin-right: -0px;}}#layout .dfd-content-wrap.layout-side-image,#layout > .row.full-width .dfd-content-wrap.layout-side-image {margin-left: 0;margin-right: 0;}