Cookie-Hinweis Smartphone

17.03.2013

Dynamische Ansichten: Flipcard-Kartenfarben ändern

Die Flipcard-Kartenfarben kann man per "CSS hinzufügen" ändern.

Weg dorthin:
Blogger-Dashboard > Blog-Menü (Pfeil) > Vorlage > Anpassen > Erweitert > CSS hinzufügen
Die unten stehenden Kommandos sind dort einzutragen, wobei man die Farben gegen die, die man wünscht, austauschen muss.

Flipcard-Karten-Vorderseite


Hat man Bilder im Post, dann wird das erste Bild im Post auf der Flipcard-Vorderseite angezeigt. Hat man aber keine Bilder im Post, dann sieht man da den Posttitel auf einer Hintergrundfarbe. Mit folgenden Kommandos kann man die Farben für Hintergrund und Schrift selbst festlegen:

/* - Flipcard: Vorderseite - Hintergrundfarbe - */
.flipcard .items .item .card .front {
background: #ffffff;
}
/* - Flipcard: Vorderseite - Schriftfarbe - */
.flipcard .items .item .front .title {
color: #000000;
}


Flipcard-Karten-Rückseite


Auf der Flipcard-Rückseite stehen Titel und Veröffentlichungsdatum auf einer Hintergrundfarbe. Mit folgenden Kommandos kann man die Farben für Hintergrund und Schrift selbst festlegen:

/* - Flipcard: Rückseite - Hintergrundfarbe - */
.flipcard .items .item .card .back{
background: #000000;
}
/* - Flipcard: Rückseite - Titel-Schriftfarbe - */
.flipcard .title.entry-title {
color: #ffffff;
}
/* - Flipcard: Rückseite - Datums-Schriftfarbe - */
.flipcard .date.published {
color: #ffffff;
}


Ute Ziemes, sg.utez.de, 17.03.2013

0 Kommentare:

Kommentar veröffentlichen