- Step 1: From Admin panel, navigate to Customizer–> Footer, set the footer column number from dropdown list. Number of columns can be from 1 to 4. You also can select None to leave it blank (no footer content).
- Step 2: To add widgets into footer, you can opt to add in Customizer –> Widgets tab directly or come back to Admin panel–>Appearance–> Widgets.
- Step 3: In Customizer–> Widget, you will see number of Noo – Footer column #i tab corresponding to number of columns you select in step 1. In each tab, hit Add a Widget button and choose Widget from widget list.
If you add widget in Appearance –>Widgets, you will see Noo – Footer Column #i widget section on the right hand side. Your widgets are located on the left hand side. Simply drag and drop the widgets you want from the left side into the sliding bar widget sections on the right side.
- Step 4: Don’t forget to save changes after you customize any widget in footer.
Noo-Footer Column #1, we used Text widget with Custom HTML below:
<ul class=”address”>
<li><i class=”fa fa-phone”></i> <span>(+844) 8882888</span> </li>
<li><i class=”fa fa-envelope”></i> <span> [email protected]</span> </li>
<li><i class=”fa fa-globe”></i> <a href=”#” class=”text-primary”>www.medicus.com</a></li>
<li><i class=”fa fa-map-marker”></i> <span>Honey Business 24 Fifth st., Los Angeles, USA</span> </li>
</ul>
Noo-Footer Column #2, we used Custom Menu widget and select Patient Guide menu.
Noo Footer Column #3, we used Text widget with Custom HTML:
<ul class=”office-hours”>
<li><span>Monday to Friday</span>
<span>8:00am – 17:00pm</span></li>
<li><span>Saturday</span>
<span>9:00am – 19:00pm</span></li>
<li><span>Sunday</span>
<span>9:00am – 20:00pm</span></li>
</ul>
Noo Footer Column #4, we used Text widget with Custom HTML:
<div class=”copyright”>2015 Medicus.<br/>
Designed with <i class=”fa fa-heart-o text-primary”> </i> by NooTheme.
</div>