Page Comparison

Intro

This document provides the instructions for adding Simple Footer to a resort that is using Theme Designer version 2. Simple Footer v2 uses the flexbox model for responsive layouts.

...

Instructions

1. Create a NOP Widget and add the following HTML and name it Simple Footer.

...

6. Save the widget and Assign it to the body_start_html_tag_after widget zone.

7. Clear the Site cache

8. The Footer should now be showing on the site

9. Update the background color. The background color is controlled in Theme Designer under Plugins > Simple Footer > Background Color

10. Update the text color if needed: The text color is controlled in Theme Designer under Plugins > Simple Footer > Text Color

11. The footer logo will use whatever logo you set for the header under Header > Logo > Logo Image

12. The footer logo width will match whatever you set in Header > Logo > Width

13. The fonts will inherit from the Brand Primary Font automatically.

Adding/Removing Columns

You can add or remove aw-simple-footer--column Columns as needed and the CSS will maintain the proper layout. The content must be wrapped in the aw-simple-footer--column-content container to maintain the correct content layout as follows:

<div class="aw-simple-footer--column">
  <div class="aw-simple-footer--column-content">
      <h2>
      CONTACT US
    </h2>
    <span class="label">Passes</span>
    <span class="contact"><a href="tel:123-456-7890">123-456-7890</a></span>
  </div>
</div>

If the column contains a logo, you must add the logo class to the aw-simple-footer--column-content wrapper, ie <div class="aw-simple-footer--column-content logo">. This ensures the Logo remains properly positioned in the column.