H1 Tag per CSS anpassen

Antworten
#1
16.07.2019 12:38
avatar  hazelnat
#1
ha
hazelnat

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
#2
16.07.2019 18:35
avatar  hazelnat
#2
ha
hazelnat

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


 Antworten

 Beitrag melden
#3
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
#4
17.07.2019 18:38
avatar  hazelnat
#4
ha
hazelnat

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
#5
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
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Forenspende

 

Spenden über PayPal

Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. 

Das Team von Jimdo-Forum arbeitet hinter den Kulissen sehr engagiert daran,
die erforderlichen Aufgaben zu erfüllen, um dir und den
anderen Forenmitgliedern ein tolles Forenerlebnis zu ermöglichen.

 Wir freuen uns, dass du dich dazu entschlossen hast, unser Forum mit deiner Spende zu unterstützen!

...hier ist der direkte Spendenlink
für unsere Kaffeekasse!