Fresh – Footer Tutorial

Scroll down the page for detailed instructions

  1. Click on Appearance -> Widgets
    Screen Shot 2015-08-12 at 10.19.27 PM
  2. Locate Footer Widgets 1- 4
    Screen Shot 2015-08-20 at 5.35.47 PM
  3. Drag or assign each widget to the appropriate Footer Widget Area
    Screen Shot 2015-08-20 at 5.36.15 PM
  4. Click Manage in Customizer
    Screen Shot 2015-08-20 at 4.33.46 PM
  5. Populate the content of each footer widget
    Screen Shot 2015-08-20 at 5.37.16 PM
  6. Click back into the main options section of the Customizer
  7. Click on Footer
    Screen Shot 2016-01-13 at 5.38.10 PM
  8. Click on Footer Call-to-Action
    Screen Shot 2016-01-13 at 5.38.49 PM
  9. Set Footer Call-to-Action Settings. Click through the different footer sections to set Customizer color settings or content.
    Screen Shot 2016-01-13 at 5.42.55 PM
  10. Click on Footer Options
    Screen Shot 2016-01-13 at 5.44.01 PM
  11. Set Footer Options. Click through the different footer sections to set Customizer color settings or content.
    Screen Shot 2016-01-13 at 5.45.05 PM
  12. Click Save & Publish
    Screen Shot 2015-08-13 at 2.09.33 AM

Footer Widget Columns

  1. Click on Appearance -> Widgets
    Screen Shot 2015-08-12 at 10.19.27 PM
  2. Click on Footer Options
    Screen Shot 2015-08-20 at 5.37.56 PM
  3. Click on Set Footer Columns
    Screen Shot 2015-08-20 at 5.40.34 PM
  4. Adjust the column each Footer Widget Area will be set at. Footer Column Width can be set from 1 to 5.
    Screen Shot 2015-08-20 at 5.41.29 PM
  5. If you set it to 4 , the Footer Widget Area will only take up 25% of the footer as it will set it to 1-4. If you set it to 1, it will take up 100% of the Footer Widget Area as it will set it to 1-1. With Footer Columns, you can customize your Footer to exactly the way you want it for a modern look.
    Screen Shot 2015-08-20 at 5.41.40 PM
  6. Click Save & Publish
    Screen Shot 2015-08-13 at 2.09.33 AM

Popular Footer Column Settings

Two Widget Areas

2-2 (this is how the Fresh demo is set)

2-2

Four Widget Areas

4-4-4-4

4-4-4-4

5-5-5-3

5-5-5-3

2-2-2-2

2-2-2-2

Three Widget Areas

3-3-3

3-3-3

2-4-4

2-4-4