WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#51 17.05.2017 11:10:42

screamindan
Mitglied

Re: We be zeh eh anpassen

Genauer wenn der Teaserblock belegt is...

Offline

#52 17.05.2017 11:23:48

florian
Administrator

Re: We be zeh eh anpassen

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

Liked by:

screamindan

#53 17.05.2017 11:50:45

screamindan
Mitglied

Re: We be zeh eh anpassen

Wie kann ich denn im CSS Elemente in der Sidebar ansprechen? Also z.B. h2...?

Offline

#54 17.05.2017 11:54:11

florian
Administrator

Re: We be zeh eh anpassen

Ä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

Liked by:

screamindan

#55 19.05.2017 11:28:15

screamindan
Mitglied

Re: We be zeh eh anpassen

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

#56 19.05.2017 12:28:42

florian
Administrator

Re: We be zeh eh anpassen

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

#57 19.05.2017 12:46:29

screamindan
Mitglied

Re: We be zeh eh anpassen

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...  big_smile
Können die Änderungen auch in das normale CSS oder müssen die zwingend in fitgrid.css?

Offline

#58 19.05.2017 12:52:51

florian
Administrator

Re: We be zeh eh anpassen

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

Liked by:

screamindan

#59 19.05.2017 12:55:32

florian
Administrator

Re: We be zeh eh anpassen

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

#60 19.05.2017 13:00:45

screamindan
Mitglied

Re: We be zeh eh anpassen

Top!  thumb_up

Offline

Fußzeile des Forums

up