WBCE CMS – Way Better Content Editing.
Du bist nicht angemeldet.
Genauer wenn der Teaserblock belegt is...
Offline
Das
<div class="center content"><!-- Inhalt Anfang -->
<?php if ($page_content_3 !='') { ?>
<div class="row">
<h2><?php echo PAGE_TITLE; ?></h2>
<div class="fg12 eyecatcher">
muss geändert werden zu
<div class="center content"><!-- Inhalt Anfang -->
<?php if ($page_content_3 !='') { ?>
<div class="row">
<div class="fg12 eyecatcher">
Code allein macht nicht glücklich. Jetzt spenden!
Offline
screamindan
Wie kann ich denn im CSS Elemente in der Sidebar ansprechen? Also z.B. h2...?
Offline
Ändere die Zeile
<div class="fg4">
zu
<div class="fg4 sidebar">
Dann kannst Du Klassen so definieren:
.sidebar h2 {
...
}
Code allein macht nicht glücklich. Jetzt spenden!
Offline
screamindan
Moin. Ich bau grad mit One for all und dem fitgrid ne "Tabelle".
[== HTML ==]
<div class="row">
<div class="fg3 down">[FIELD_1]</div>
<div class="fg6 down">[FIELD_2]</div>
<div class="fg3 down">[FIELD_3]</div>
</div>
Am Handy floaten die divs (fg3 / fg6) aber nicht mehr. das würde ich gerne ändern. ich hab auch schon die Klasse "down" vergeben. Wie hebel ich das denn aus?
Offline
Die floaten am Handy aus gutem Grund nicht; die Spalten würden sonst sehr schmal.
Wenn Du fg4 und fg6 nirgendwo anders verwendest, kannst Du ziemlich am Ende von fitgrid.css, einige Zeilen unterhalb des Kommentars /* smartphone size */, die Zeilen
.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12 {
margin:0 2% 1em;
padding:0;
width:96%;
}
ändern zu
.fg4,.fg5,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12 {
margin:0 2% 1em;
padding:0;
width:96%;
}
Wenn Du nur fg3 und fg6 mit dem ZUsatz "down" auch in der smartphone-Ansicht floaten lassen willst, musst Du nach
.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12 {
margin:0 2% 1em;
padding:0;
width:96%;
}
folgendes einfügen:
.fg3.down {
margin:0 2% 0;
width:21%;
}
.fg6.down {
margin:0 2% 0;
width:46%;
}
Nicht getestet, sollte aber funktionieren. Eventuell noch !important setzen (also so: width:46% !important; ).
Beachte: KEIN Leerschritt in .fg3.down und .fg6.down !
Siehe dazu
http://stackoverflow.com/questions/3772 … wo-classes
Code allein macht nicht glücklich. Jetzt spenden!
Offline
Ah über die Prozente... Ja nur die speziellen fg's, mißbrauche das grid für ne Liste und soll nich aus Versehen irgendwas zerschießen. Hätte nicht gedacht, dass man das Grid auch für Module nutzen kann...
Können die Änderungen auch in das normale CSS oder müssen die zwingend in fitgrid.css?
Offline
Kann auch in die styles.css, dann muss aber noch
@media screen and (max-width: 36.5em ) {
...Code von oben...
}
drumherum.
Beachte die schließende geschweifte Klammer. Diese beendet die Bedingung (media query) Breite < 36.5em. In dieser media query werden die Klassendefinitionen ganz normal geschrieben, also auch in geschweiften Klammern.
Schema:
@media-query bedingung {
.klasse {
anweisung:wert;
}
.andere_klasse {
anweisung:wert;
}
}
Code allein macht nicht glücklich. Jetzt spenden!
Offline
screamindan
Hätte nicht gedacht, dass man das Grid auch für Module nutzen kann
Es wird ja über das Template geladen und steht damit auf allen Seiten, die dieses Template verwenden, zur Verfügung. Du könntest also auch z.B. in Itemz oder Topics die .fg-Klassen verwenden.
Beitrag geändert von florian (19.05.2017 12:55:53)
Code allein macht nicht glücklich. Jetzt spenden!
Offline
Top!
Offline