CSS Problem blockquotes (wplook Theme)

Hallo und liebe Grüsse erstmal :)

ich stecke in der Anpassung eines wplook Themes auf WP 3.2, nämlich BlogoLife 1.6. Leider möchten sich die blockquotes nicht so verhalten, wie ich gern hätte :)

Das originale CSS hat in meinen beschränkten Augen ein paar Fehler, einige konnte ich bereits "gehend" machen, aber dem blockquote Problem komm ich nicht auf den Trichter, vermutlich aber auch einfach, weil meine CSS Kenntnisse einfach zu beschränkt sind.

Um das zu verdeutlichen, ein Link auf den Blog, es ist der Blog meiner Frau (ihrer Firma), aber es ist keine Werbung, daher hoffe ich, dass ich es posten darf: http://blog.geldwert-finanz.de (sie ist Honorarberaterin, also keine böse Finanzmaklerin ;-) ).
Es gibt auch erst 2 Beiträge, also nix Anstössiges.

Wie man sieht, habe ich den blockquote so hinbekommen, dass die Einstellungen

blockquote:before {
    content: openquote;
}
blockquote:after {
    content: closequote;
}
blockquote {
    background: #f8f8f8 url(images/q.png) bottom right no-repeat;
    border: 1px dotted #000;
    font-style: italic;
    line-height: 35px;
    padding: 10px 20px 20px 10px;
}

ausgeführt werden.

Im Originalcode sah das so aus:

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";

dann folgte viel weiter unten im CSS noch dieser Teil:

.quote blockquote {
    background: #f8f8f8 url(images/q.png) bottom right no-repeat;
    font-size: 19px;
    font-style: italic;
    line-height: 35px;
    padding: 10px 20px 20px 10px;
}

der aber offenbar komplett ignoriert wird.

Was ich aber leider überhaupt nicht hinbekomme, ist, dass die blockquotes mit

font-family: 'Garamond', serif;

formatiert werden. Ausserdem wird font-size komplett ignoriert.
Kann mich einer in die richtige Richtung stossen? Offenbar erbt der blockquote von irgendwoher seine font-family und auch die Grösse, aber ich finde es einfach nicht -.-

Komplette original CSS des Styles ist zu gross für das Forum, wenn es euch nichts ausmacht, ladet das Theme einfach runter, ansonsten gebt Bescheid, dann häng ich sie in Häppchen hier an ;-)

Gruss,
Martin

Zitat von bassqualle

Der HTML-Code sieht folgendermassen aus:

Code

<blockquote>
<p>“In Europa wird nicht mehr regiert, Parlamente und Regierungen folgen den Imperativen der Finanzwelt.”</p>
</blockquote>

Damit sich für das p-html Element innerhalb des Blockquote-Elements eine andere Schriftart zuweisen lässt, muss das entsprechend so heissen:

Code

blockquote p { font-family: 'Garamond', serif; }

Die Schriftart wurde bisher vom Element p aus der CSS-Datei geerbt.

Danke, works like a charm :)

Zitat von bassqualle

Das CSS in dem Kasten

Code

.quote blockquote {
    background: #f8f8f8 url(images/q.png) bottom right no-repeat;
    font-size: 19px;
    font-style: italic;
    line-height: 35px;
    padding: 10px 20px 20px 10px;
}

konnte nichts bezwecken, da es im html-Code kein Element mit der Klasse "quote" gibt.

Mehr dazu:
http://de.selfhtml.org/css/formate/zentrale.htm#klassen

Den versteh ich nicht.
Wie kann man ein CSS bauen mit ner Klasse, die es nicht gibt? -.-

Danke dir!