H1 Tag per CSS anpassen

16.07.2019 12:38
#1
ha

Hallo zusammen,

ich möchte die H1 Überschriften per CSS anpassen.

1
2
3
4
5
6
 
h1 {
font-family: Raleway, serif;
font-size: 17px;
letter-spacing: 4.079999923706055px;
text-transform: uppercase;
}
 



Leider scheinen hier die Einstellungen vom "Detail Styling" meine Einstellungen zu überschreiben.
Füge ich den Code im Textfeld ein, so klappt alles wunderbar (dann ist es aber leider kein H1)

1
 
<p style="text-align: center;"><span style="font-family: Raleway, serif; font-size: 17px; letter-spacing: 4.079999923706055px; text-transform: uppercase;">TEST</span></p>
 



Ich freue ich über Feedback und Danke vielmals.
Christian


 Antworten

 Beitrag melden
16.07.2019 18:35
#2
ha

Hat sich erledigt.
Mit !important konnte ich es lösen. :)


 Antworten

 Beitrag melden
16.07.2019 20:50
avatar  az_
#3
avatar
az_

Perfekt! Das funktioniert aber auch nur, wenn du die Schriftart irgendwo anders auf der Webseite schon einmal integriert hast. Ansonsten musst du sie erst auf der Webseite einbinden.


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
17.07.2019 18:38
#4
ha

Danke für die Info. Die Schriftart verwende ich bereits - nur der Zeichenabstand passte einfach nicht.
Habe jetzt die nächste Baustelle.

Auf der Startseite möchte ich gerne ein Logo im Header einfügen und auf eine Unterseite verlinken. Mit dem Default .jtpl-logo stoße ich vermutlich an die Grenzen, da es auf allen Seiten sichtbar ist und auf die Startseite verlinkt, oder?

Ich müßte vermutlich das Logo im normalen Teil der Seite unterbringen und per CSS in den Header schieben, oder?

Viele Grüße und vielen Dank


 Antworten

 Beitrag melden
18.07.2019 14:05
avatar  az_
#5
avatar
az_

Ja genau. Noch eleganter: du benutzt ein JS Skript. Das kannst du so programmieren, dass es nur in der Besucher Ansicht wirkt.


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!