Before you Start
Ensure that:
- You have set up the Production Pro theme correctly - following our install and setup guide.
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>
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>
Just change the text to whatever you like.