WBCE Home | WBCE Hilfe | WBCE Addon Repository | Impressum | Datenschutz

WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

Announcement

Domainumzug erfolgreich - Forum wieder zur Benutzung freigegeben! | Domain transfer successful - feel free to post again!

#51 17.05.2017 12:10:42

screamindan
Member

Re: We be zeh eh anpassen

Genauer wenn der Teaserblock belegt is...

Offline

#52 17.05.2017 12:23:48

florian
Projektmanagement und Support WBCE CMS

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">

Offline

Liked by:

screamindan

#53 17.05.2017 12:50:45

screamindan
Member

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 12:54:11

florian
Projektmanagement und Support WBCE CMS

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 {
 ...
}

Offline

Liked by:

screamindan

#55 19.05.2017 12:28:15

screamindan
Member

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 13:28:42

florian
Projektmanagement und Support WBCE CMS

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

Offline

#57 19.05.2017 13:46:29

screamindan
Member

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 13:52:51

florian
Projektmanagement und Support WBCE CMS

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;
}

}

Offline

Liked by:

screamindan

#59 19.05.2017 13:55:32

florian
Projektmanagement und Support WBCE CMS

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.

Last edited by florian (19.05.2017 13:55:53)

Offline

#60 19.05.2017 14:00:45

screamindan
Member

Re: We be zeh eh anpassen

Top!  thumb_up

Offline

Board footer

Powered by FluxBB

up