Hallo,
nach diversen Selbstversuchen benötige ich fachkundigen Rat.
Eckdaten:
– Wordpress 4.0.
– Theme: Twenty Twelve (TT)
-plugins:
— Visual Composer (4.3.4)
— ubermenu (3.1.0.1)
— ubermenu sticky extension (3.1)
Ziel:
Ich möchte einen responsiven, dreispaltigen Footer gestalten, der sich wir der Inhalt der Seite verhält. Inhalt ist einfacher Text, der farbige Hintergrund des Footers erstreckt sich über die gesamte Breite der Seite. Das Schaubild illustriert, wie es im Idealfall funktionieren sollte.
Aktueller Stand
style.css
/* Footer */
footer[role="contentinfo"] {
clear: both;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
width: 100%;
margin-top: 24px;
margin-top: 1.714285714rem;
margin-left: auto;
margin-right: auto;
padding: 24px 0;
padding: 1.714285714rem 0;
background: #F5F5F5;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);footer.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 -->
<footer id="colophon" role="contentinfo">
<div class="site-info">
</div><!-- .site-info -->
</footer><!-- #colophon -->
</div><!-- #page -->
<?php wp_footer(); ?>
</body>
</html>Ich möchte mich vorab für falsch ge- und beschriebenes entschuldigen. Mein Wissen um die Materie ist frisch und gering. Sollte es passende Threads geben, die ich trotz Suche nicht gefunden habe , bin ich für jeden Link dankbar.
Beste Grüße und einen angenehmen Tag
_Nils