WBCE CMS Forum

tombal

Mitglied

Weh Beh Zeh Eh, Footer

Hallo Forum,
wie schaffe ich es, einen Footerbereich eindeutig zu definieren (z.B. Höhe 60px) und farbig abzusetzen vom Rest. Ohne steht der Text einfach ganz unten auf der Browserkante und sieht nicht "sehr glücklich" aus. Ich habe es in der fitgrid.css probiert, leider ohne Erfolg.
Vielleicht kann jemand hierzu weiterhelfen.
Danke im voraus
Tom

florian

Administrator

Re: Weh Beh Zeh Eh, Footer

Das Template selbst sieht vor, den Inhalt von Grundeinstellungen > Fußzeile als Abschluss des dunklen Inhaltsbereichs anzuzeigen (siehe angefügter Screenshot).
Ansonsten kannst Du nach dem letzten </div> in der index.php des Templates folgende Zeilen einfügen

	<div class="center">
		<div class="row">
			<div class="fg12">
				<footer>Irgend ein Text</footer>
			</div>
		</div>
	</div>

und im Stylesheet styles.css  dann vor den Media Queries, also vor

@media screen and (max-width:800px) {

z.B.

footer {
	text-align:center;
}

Das sieht dann so aus

Bitte beachten: sowohl in der styles.css als auch der fitgrid.css sind am Ende des Stylesheets die Media queries, als größenspezifischen Anweisungen. D.h. wenn man da einfach unten noch was dranhängt , werden die Anweisungen wenn überhaupt nur bei der jeweiligen Anzeigegröße ausgeführt. Weiterhin ist es kein Versehen, dass beide Stylesheets (styles.css und fitgrid.css) mit zwei geschweiften Klammern aufhören. Die innere gehört zur letzten Anweisung für die jeweilige Anzeigegröße, die äußere beendet den zugehörigen Media-Query-Block.

Beitrag geändert von florian (12.09.2018 19:10:00)

---

Code allein macht nicht glücklich. Jetzt spenden!

tombal

Mitglied

Re: Weh Beh Zeh Eh, Footer

Danke für den Vorschlag. Ich habe eher an einen normalen Footerbereich wie bei anderen Templates gedacht, damit ich diesen Bereich farbig und textlich separat gestalten kann. Im Anhang findest du ein entsprechendes Pic dazu.
Vielleicht gibt es ja dazu eine triviale Lösung.

florian

Administrator

Re: Weh Beh Zeh Eh, Footer

ja.

Im Template die Zeilen

<div class="row">
			<?php if ($page_content_4 !='') { ?>
			<div class="fg8">
				
			</div>
			<div class="fg4">
				<?php echo $page_content_4;  ?>
			</div>			
			<?php } else { ?>
			<div class="fg12">
				<?php page_footer(); ?> 
			</div>
			<?php } ?>	
		</div>
			

ersetzen durch

<footer><?php page_footer(); ?> </footer>

(danach muss dann noch ein </div> stehen bleiben!)

In der styles.css bei .content das

padding-bottom:2em;

löschen

vor @media screen and (max-width:800px) { einfügen:

footer {
	text-align:center;
	background-color:#4366A6;
	color:#36eeff;
	padding:1em;
}

---

Code allein macht nicht glücklich. Jetzt spenden!

florian

Administrator

Re: Weh Beh Zeh Eh, Footer

Nachtrag: Ob du <?php page_footer(); ?>  oder <?php echo $page_content_4;  ?> verwendest oder den Inhalt im Template hart verdrahtest, ist natürlich Dir überlassen...

---

Code allein macht nicht glücklich. Jetzt spenden!

tombal

Mitglied

Re: Weh Beh Zeh Eh, Footer

DANKE! Thema gelöst und der Abend ist gerettet,