Ändern Sie die Schriftart-Einstellungen für die Namen der Kategorien auf der Kategorien-Seite

Entwickler
1

Bitte helft mir mit CSS-Code, um die Schriftart, Farbe und das Schriftgewicht zu ändern.

Danke für die Hilfe.

Ich habe das hier versucht, aber die Farbe ändert sich nicht:

.category-list tbody
.category h3 {
font-weight: 370;
font-size: 18;
line-height: 1.9;
color: teal;
font-family: Calibre-Regular, Helvetica, Arial, sans-serif;

2

Das hängt wirklich davon ab, welche Art von Kategorien-Seite Sie gewählt haben. Für Kategorien mit Themen sieht der Code beispielsweise so aus:

.category-list.with-topics .category-name {
    font-size: 25px;
    font-weight: normal;
    color: gray;
}

Sie müssen den Inspektor Ihres Browsers verwenden, um die gewünschte CSS-Klasse (und deren übergeordnetes Element) zu finden. Siehe:

image
image1894×823 76.7 KB

Das übergeordnete Element dient dazu, anzugeben, dass Sie das Erscheinungsbild des Kategoriennamens nur auf dieser Seite und nicht global ändern möchten.

Um die Schriftart zu ändern, sehen Sie hier nach: Change the default font on your site

Bevor Sie das nächste Mal posten, nutzen Sie die Suchfunktion oben rechts. So werden Sie mit Sicherheit die gesuchten Antworten finden.

Diese Seite hingegen, CSS Tutorial, ist ein guter Ausgangspunkt, um ein wenig CSS zu lernen.

3

Danke für die Antwort.

Aber der Code, den du gegeben hast, führt die Änderung nicht durch. Der von mir gegebene Code führt die Änderungen durch, ändert aber nicht die Farbe.

Wo liege ich falsch?

4

Versuchen Sie es mit

.category-list .category-name {
    font-weight: 370;
    font-size: 18px;
    line-height: 1.9;
    color: teal;
    font-family: Calibre-Regular, Helvetica, Arial, sans-serif;
}
5

Der von dir bereitgestellte Code hat die Schriftart der Unterkategorienamen auf der Hauptkategorien-Seite geändert.

Dies hat funktioniert:

.category-list tbody
.category h3 {
   font-weight: 375;
   font-size: 17px;
   line-height: 21px;
   font-family: "Open Sans", Helvetica, sans-serif;
}

.category-list tbody .category h3 a[href] {
    color: black;
}

Vielen Dank für deine Hilfe. Ich habe neue Dinge gelernt.

6

Ja, ich verwende die Funktion „Element untersuchen