Hintergrund vom Footer ändern

Liebe Leute,
ich habe einen Footer, mit 4 Widgets in einem Child Theme von Twentytwelve.
Ich möchte gern die Hintergrundfarbe des Footers ändern.
Am liebsten wäre mir allerdings noch, ein neuer Footer, der ganz unten auf der Seite steht, mit einer Hintergrundfarbe und 4 Spalten. Ich bekomme das einfach nicht hin. Die Widgets würde ich gern behalten, da ich im Backend von WP meine individuellen Menüs anlegen und einfügen kann.
Mit Hilfe eines Tips (firebugs) von GerdE schaffe ich es zwar teilweise die HG-Farbe des Footers zu ändern, jedoch bleiben innerhalb der Widgets, dort wo kein Text mehr in den Spalten steht, die Hintergründe weiß.
Wer kann mir bitte helfen! :cry:
Vielen lieben Dank!
Es geht um diese Seite http://www.gross-artig.at
Lg, Silvie

Hallo Gerd:-),
habs grad ausprobiert. Damit komme ich zu diesem Ergebnis - sh. Seite - wie bekomme ich die weißen stellen weg?
Lg, Si

Danke Philip, jetzt "klebt" der Footer nicht mehr ganz unten, allerdings die Hintergrundfarbe klappt noch immer nicht. :-(

Komisch, jetzt hats geklappt :-), cool, vielen lieben Dank!
Kannst Du mir bitte noch sagen, wie ich das hinbekomme, dass entweder der Text schon zentriert drin steht, oder noch besser der Farbbalken über den ganzen Bilder verläuft?
Was auch noch voool cool wäre, wenn ich den Unterstrich vom gesamten Footertext entfernen könnte. :-)

Hi, danke das Du nochmal schreibst!
Der Text in dem violetten Feld (sh. http://www.gross-artig.at) ist unterstrichen. Wie bekomme ich diese Unterstreichung weg?
Den violetten Balken hätte ich gerne über die ganze Seite entlang in der Höhe wie er jetzt ist. Geht das?
Lg, Sil

*sorry hab mich vertippt, anstatt Bilder meinte ich natürlich Bildschirm. Den violetten Balken über den ganzen Bildschirm, also von links nach rechts. Jetzt ist ja links und rechts von dem violetten Balken alles weiß.

Zitat

<?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><!-- .site-info -->
<footer id="colophon" role="contentinfo">
<div id="footerwidgets">
<div id="footer-first">
<ul><?php if ( !function_exists('dynamic_sidebar') ||
!dynamic_sidebar('Footer Widgets First') ) : ?> <li> <?php endif; ?>
</ul>
</div>
<div id="footer-second">
<ul>
<?php if ( !function_exists('dynamic_sidebar') ||
!dynamic_sidebar('Footer Widgets Second') ) : ?> <li> <?php endif; ?>
</ul>
</div>
<div id="footer-third">
<ul>
<?php if ( !function_exists('dynamic_sidebar') ||
!dynamic_sidebar('Footer Widgets Third') ) : ?> <li> <?php endif; ?>
</ul>
</div>
<div id="footer-fourth">
<ul>
<?php if ( !function_exists('dynamic_sidebar') ||
!dynamic_sidebar('Footer Widgets Fourth') ) : ?> <li> <?php endif; ?>
</ul>
</div>
</div>
</p>
</div><!-- .site-info -->
</footer><!-- #colophon -->
</div><!-- #page -->
<?php wp_footer(); ?>
</body>
</html>

Alles anzeigen

Bist Du bitte so lieb und zeigst mir das anhand dieses Beispieles?
So wie ich das umgesetzt habe, zerlegt es mir die Spalten.

ok, so bleiben die spalten zwar "ganz" allerdings wird der balken nicht länger. lg, sil

[FONT=arial black][COLOR=#800080]BIIIIG HUG, MEGA COOL. Du bist ja ein voller :-D PROFI!!!!!! :-D [/COLOR]
[/FONT]

Bitte verrate mir noch
1. wie ich den Unterstrich im Footer Text rausbekomme.
2. wo kann ich den Abstand vom Text links zum Rand im Footerbalken verändern? Der "klebt" jetzt ganz am Rand. Und ich habe überall zwischen dem 1 und 3 Widget 22 % drin und beim 4. 21 %, allerdings sind die Spalten nicht schön gleichmässig angeordnet.

Ich hab schon eine Stelle gefunden, mit Padding, wo ich den Text im Footer einrücken könnte, allerdings rückt er mir dann auch in der Navi vom Header den Text ein, das will ich natürlich nicht.

zu 1: perfekt :-), die Links sind jetzt nicht mehr unterstrichen! ein ganz, ganz großes Dankeschön!!!!!
zu 2: ich hab padding-left: 2,5% hinzugefügt. Der Abstand ist jetzt größer, allerdings hat es mir jetzt die letzte Spalte nach unten versetzt??? und der violette balken ist jetzt auch wieder stellenweise mit weiß untersetzt :-(

code in meiner style.css vom child-theme:

}
#footer-first {
width:22%;
float:left;
padding-left:2.5%;
padding-right:2.5%;
}
#footer-second {
width:22%;
float:left;
padding-left:2.5%;
padding-right: 2.5%;
}
#footer-third {
width:22%;
float:left;
padding-left:2.5%;
padding-right:2.5;
}
#footer-fourth {
width:21%;
float:right;
padding-left:2.5%;
}

Ich glaub ich hab den Fehler selber gefunden, die width überall von 22 auf 21 und die letzte von 21 auf 20 gestellt. jetzt dürfte es passen. freue mich über einen blick darauf :-)

Leider ned!
Wie kann ich die Widget Blocks noch gleichmässiger anordnen?
Die Idee das Widg so anzuordnen, dass es mit einer Linie mit dem Text weiter oben steht, find ich gut.
Ich hätte die 4 Spalten gerne "mittiger". So sieht es ned gut aus :-(
lg, Sil

PS: etwas stimmt auch noch nicht, wenn ich die größe vom ie explorer verändere, dann habe ich unten wieder einen weißen balken...:-(