Segui i miei Podcast!

Footer

Il file del footer.php alla fine delle implementazioni.

[php]<?php /** * The template for displaying the footer * * Contains footer content and the closing of the #main and #page div elements. * * @package WordPress * @subpackage Twenty_Twelve * @since Twenty Twelve 1.0 */ ?>
</div>

<!– #main .wrapper –>

</div>

<!– #page –>

<footer id="colophon" role="contentinfo">
<div class="boxfooter">
<h3>Contatti </h3>
Email:<a href="mailto:info@webinnova.it"> info@webinnova.it</a>
Tel: <a href="tel:+390012345">+390012345</a>
P.IVA:IT8888888888888
</div>

<div class="boxfooter">
<h3>Seguici sui social </h3>

<?php the_social_links();?>
</div>

<div class="boxfooter">

<h3>I nostri Servizi </h3>

<ul>
<a href="http://demogiusy.altervista.org/blog/">
<li>Servizio 1</li></a>
<a href="">
<li>Servizio 1</li></a>
<a href="">
<li>Servizio 1</li></a>
</ul>

</div>

</footer>

<!– #colophon –>
<?php wp_footer(); ?>
</body>
</html>
[/php]

Il relativo codice CSS che dovrete implementare sullo Style.css

[css]
footer[role="contentinfo"] {
/* border-top: 1px solid #ededed; */
clear: both;
font-size:13px;
color:#fff;
line-height:21px;

max-width: 100%;
margin-top: 0px;
min-height: 10rem;
margin-left: auto;
margin-right: auto;
padding-top: 2%;
padding-left: 2%;
padding-right: 2%;
background: #333;
}
.boxfooter{
float:left;
width: 33%;

}
.latest-post-selection article {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color:transparent!important;
box-sizing: border-box;
border:none!important;
margin-bottom: 1%;
padding: 1%;
width: 100%;
}
footer a {color:red!important;}

@media screen and (min-width:320px) and (max-width:768px){
footer[role="contentinfo"] {
min-height:30rem;

}
.boxfooter{width:100%;}

}
[/css]