Wie ein farbiger Absatz oder eine Ausrufezeichenbox hinzufügen

StefanH

Hallo und guten Tag an Alle :-D

Ich bin jetzt von Typo3 auf Wordpress umgestiegen und verwende das BranfordMagazine in Verbindung mit Deans´FCKeditor für die Neuauflage unserer Feuerwehrseite.

Nun zu meinem Problem:
Wie bringe ich Wordpress dazu neben "blockquote" auch noch ein farblich hinterlegter Absatz "greenbox" oder eine Box mit einem Ausrufezeichen "ausrufezeichenbox" zu verwenden.

Im Editor sieht der Code für "blockquote" so aus

Code

<blockquote>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</blockquote>

In der style.css habe ich folgenden Eintrag gefunden

Code

.post blockquote {
    color:#666;
    background:#F4F4EC;
    padding:6px 30px;
    margin:18px 15px;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    }

und diesen Eintrag direkt hintendran gesetzt

Code

.post greenbox {
    color:#666;
    background:#ddffdd;
    padding:6px 30px;
    margin:18px 15px;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    }

Wenn ich dann im Editor beim code "greenbox" anstatt "blockquote" eingebe passiert gar nix :cry:

Könnte sich von Euch jemand erbarmen und mir erklären wie ich das ganze umsetzen kann. Als Beispiel hab ich mal die boxen aus Typo3 als Anlage beigelegt.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

Zitat von StefanH
Im Editor sieht der Code für "blockquote" so aus
Code
<blockquote>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</blockquote>
In der style.css habe ich folgenden Eintrag gefunden
Code
.post blockquote {
    color:#666;
    background:#F4F4EC;
    padding:6px 30px;
    margin:18px 15px;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    }
und diesen Eintrag direkt hintendran gesetzt
Code
.post greenbox {
    color:#666;
    background:#ddffdd;
    padding:6px 30px;
    margin:18px 15px;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    }
Wenn ich dann im Editor beim code "greenbox" anstatt "blockquote" eingebe passiert gar nix :cry:
Könnte sich von Euch jemand erbarmen und mir erklären wie ich das ganze umsetzen kann. Als Beispiel hab ich mal die boxen aus Typo3 als Anlage beigelegt.

es gibt keinen html tag der +greenbox+ heißt daher ist sowas einfach falsch und wird richtigerweise vom Editor gelöscht

probiere es so:

Code

.post blockquote {
    color:#666;
    background:#F4F4EC;
    padding:6px 30px;
    margin:18px 15px;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    }

und diesen Eintrag direkt hintendran gesetzt

Code

.post blockquote.greenbox {
    color:#666;
    background:#ddffdd;
    padding:6px 30px;
    margin:18px 15px;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    }

und im Editor gibts du ein

Code

<blockquote class="greenbox">.......

lg

StefanH

Liebste aller Monikas :-D

Vielen Dank für deine schnelle Hilfe, auf die Klasse "greenbox" wäre ich auch nicht in zwei weiteren Nächten gekommen :cry:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wie ein farbiger Absatz oder eine Ausrufezeichenbox hinzufügen

Jetzt mitmachen!