Thema: Wie kann ich Schriftstil in einem bestehenden Template mit vererbten Stilen ändern?

Hallo

Hoffe ich kann mich hier klar ausdrücken.

Verwende Joomla 1.7

Ich möchte im Template "themza_j17_04 - Standard" die Schriftfarbe der Text-Überschriften ändern.
Nun sind die Schriftstile mit jenen aus dem Benutzermenü verbunden resp. irgendwie "geerbt", somit ändern sich diese bei Farbänderung ebenfalls mit was ich eben nicht möchte.

Code: siehe Anhang

in der CSS finde ich nirgends eine Möglichkeit diese zu ändern. Oder wie könnte ich den Status vererbt für die Überschriften löschen?

<h2>
<a href="/xxx/index.php/using-joomla/extensions/components/content-component/article-category-list/8-einsteiger"> Einsteiger</a>
</h2>

In der index.php habe ich auch nichts gefunden.

Ich suche nun schon seit Tagen und komme einfach nicht weiter.
Ich bin jedoch Anfänger also bitte einfache Erklärung.
Danke vielmals

Das ist immer ungünstig, wenn man keinen Link hat. Auf der Grafik kann ich nichts erkennen. Aber vielleicht hilft dir diese Erklärung.
Du kannst in deine css-Datei einfach eine neue Definition reinschreiben und damit diene h2 für einen bestimmten Bereich neu definieren.
Angenommen der Bereich in der Mitte heißt <div class="content"><h2>hallo</h2> ... </div>.
Dann schreibst du in deine css-Datei .content h2 {color: deine farbe; }

Nochmal, zur Wiederholung...

Ohne Link zu Deiner Seite geht nichts...

In der Überschrift ist ein <A> und deshalb greift die Farbe für Links. Näher dran am Text ist eben kein Element.

Willst du, dass Links in H2 Überschriften eine andere Farbe bekommen:
h2 a, h2 a:link {color:fuchsia}

Willst du, dass Links in Überschriften *immer* die Farbe der Überschrift selbst haben:
h1 a:link, h2 a:link, h3 a:link {color: inherit}
Je nachdem wie exzessiv und verschwenderisch das Template die Links styled, musst du den ganzen Kram nochmal für a:visited und a:hover wiederholen und dazuschreiben.

Noch detaillierter (und "stärker") kannst du die ganzen Angabe begrenzen, wenn du dir die 2. Zeile aus deinem kopierten "Pfad" anschaust:
.... div.blog-featured div.items-row div.item h2 a
div.item h2 a:link {color:fuchsia}

Alles weitere zu CSS und Vererbung von Eigenschaften liefert dir die Suchmaschine deines Vertrauens.

Viel Spaß,
CirTap

In der Überschrift ist ein <A>

Woher weißt du das?

OT @cirTap: heut ist nicht mein Tag ...

Zitat von oldlady

Woher weißt du das?

aus dem Quelltext im 1. Post?
und in dem Firebug-Microfilm ist es auch zu erahnen.

Irgendwo sind h1 - h6 vermutlich schon definiert. Man geizt ja heutzutage nicht schlecht mit .css Dateien bei den Template-Anbietern
Falls nicht, erben die Überschriften eben bestimmte Eigenschaften wie Farbe und Schriftart vom "body" oder einem ihrer anderen Kontainer -- der sie wiederum irgendwoher geerbt haben: das ist die "Kaskade" in "Cascading Style Sheets"...
Im Zweifelsfall hat der Browser ja auch ein eigenes Stylesheet in dem alle HTML-Elemente irgendwie formatiert sind.

div.item muss nirgends auftauchen, zudem kann es auch nur .item lauten, ohne das "div" davor.
Es kann dir aber als Ergänzung in deinem Selektor ("Zeileneintrag") dazu dienen, deine Formatangaben auf Überschriften in genau diesem Block zu beschränken, d.h. die Überschriften von Modulen die in "left" oder "right" liegen wäre dann bspw. nicht betroffen.

h1 {color:navy} /* erstmal alles blau und egal wo */
div.item h1 {color:green} /* innerhalb von div.item aber bitte grün */

Viel Spaß,
CirTap