Book Image

Bootstrap Site Blueprints

Book Image

Bootstrap Site Blueprints

Overview of this book

Table of Contents (16 chapters)
Bootstrap Site Blueprints
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Putting the footer content in place


Roots comes with a built-in footer widget area, which we can use to place the markup for our social icons:

  1. In your WordPress Dashboard, go to Appearance | Widgets.

  2. On the far right, beneath the Primary widget area, you'll see a widget area for the Footer.

  3. Click on it to expand it.

  4. Drag a Text widget into it.

  5. Now, copy the markup for our social icons from the original index.html file as shown in the following code snippet:

    <ul class="social">
      <li><a href="#" title="Twitter Profile"><span class="icon fa fa-twitter"></span></a></li>
      <li><a href="#" title="Facebook Page"><span class="icon fa fa-facebook"></span></a></li>
      <li><a href="#" title="LinkedIn Profile"><span class="icon fa fa-linkedin"></span></a></li>
      <li><a href="#" title="Google+ Profile"><span class="icon fa fa-google-plus"></span></a></li>
      ...