Before you Start


Ensure that:






1. Changing the Yellow Bar



This is done within the Customizer.


So go to Appearance > Customize


Then, Layout > Below Content Feature








2. Changing the Footer

These elements are widgets. To edit them go to Appearance > Widgets.


Look for Footer Column 1, Footer Column 2, and Footer Column 3.





Within the Text widget in the Footer Column 1 area you'll see this:


<img src="http://themedemo.createandcode.com/production/wp-content/uploads/sites/17/2017/01/production-logo-light.png" alt="Production Logo" class="logo">

<p>We provide expert industrial solutions to businesses. With over 30 years of experience we’ll ensure that you’re always getting the best results from an award-winning US firm, focused on quality.</p>

<p class="social"><a href="#"><i class="fa  fa-facebook"></i></a>
<a href="#"><i class="fa  fa-twitter"></i></a>
<a href="#"><i class="fa  fa-youtube"></i></a></p>



Making changes


To change the logo used - upload an image of your own to the Media section of WordPress and replace the path with your own.


Change the text to whatever you like. Replace the # references with the full link to your social media profile.



-


Within the Text widget in the Footer Column 2 area you'll see this:


<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<ul class="border">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<ul>
<li><a href="#">Agriculture</a></li>
<li><a href="#">Chemical</a></li>
<li><a href="#">Electronics</a></li>
<li><a href="#">Energy</a></li>
<li><a href="#">Mechanical</a></li>
<li><a href="#">Petroleum</a></li>
</ul>
</div>
</div>



Making changes


Just change the text to whatever you like. Replace the # references with the full link to your own pages. Be careful not to delete any of the html markup as it could break your page.


-


Within the Text widget in the Footer Column 3 area you'll see this:


<p class="with-icon"><i class="ion-ios-location-outline"></i> Production Corp, Washington Place, NY 90210, United States.</p>
<p class="with-icon"><i class="ion-ios-telephone-outline"></i><span>+1800 234 567</span><br><small>Mon-Fri, 9am until 6pm</small></p>
<p class="with-icon"><i class="ion-ios-email-outline"></i><span>info@mysite.com</span><br><small>We reply within 24 hours</small></p>



Making changes


Just change the text to whatever you like.