Überschriften (h1, h2) für die mobile Version Design Helsinki ändern

27.04.2019 09:37
avatar  BrittaT
#1
Br

Hallo!
Die h1 und h2 fallen bei der mobile Version des Designs Helsinki extrem groß aus.
Webseite: www.lebenmitreizdarm.de

Um die Überschriften anzupassen habe ich den folgenden Code in meinen Header eingefügt:

1
2
3
4
5
6
7
8
 
<style type="text/css">
/*<![CDATA[*/
/*Überschriften mobil kleiner*/
@media (max-width:720px) {
h1 {font-size: 12px !important;
}
/*]]>*/
</style>
 



In der mobile Version ändert sich jedoch dadurch jedoch nichts. Ich habe den Code getestet indem ich die px Zahl erhöht habe, bis die Überschriften auf meiner Desktop-Ansicht nur noch 12px waren - in der mobile Version hat sich jedoch auch dann nichts geändert.
Weiß jemand Rat? Über Tipps würde ich mich sehr freuen! :-)


 Antworten

 Beitrag melden
30.04.2019 12:03
avatar  BrittaT
#2
Br

Hallo,
hat jemand dazu eine Idee? Ist das ggf. Design-spezifisch, dass die Änderung nicht greift?
Danke und viele Grüße
Britta


 Antworten

 Beitrag melden
03.05.2019 16:41
avatar  az_
#3
avatar
az_

Hallo Britta,
Normalerweise funktioniert es mit einem CSSeintrag bezüglich H1/h2/h3. Manchmal muss man jedoch genau den Bezeichner treffen, den das System verwendet hat.

Gibt doch mal bitte deine URL an, dann können wir dir bestimmt helfen.


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
03.05.2019 19:17
avatar  BrittaT
#4
Br

Das wäre toll :-) www.lebenmitreizdarm.de


 Antworten

 Beitrag melden
04.05.2019 11:20
avatar  az_
#5
avatar
az_

Hallo @BrittaT

Das sehe ich erst jetzt, Deine URL hattest Du ja schon gepostet...

Dann versuch mal folgendes:

1
2
3
4
5
 
@media (max-width: 720px) {
.j-module h1 {
font-size: 12px !important;
}
}
 


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
04.05.2019 11:38
avatar  BrittaT
#6
Br

Wohoooo! Das hat funktoniert. Danke @az_
Ein kleines Dankeschön geht auch in die Kaffeekasse.


 Antworten

 Beitrag melden
04.05.2019 11:42
avatar  az_
#7
avatar
az_

...gern geschehen!


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
16.10.2019 15:22
avatar  D.F.
#8
D.

Zitat von az_ im Beitrag #5Hallo @BrittaT

Das sehe ich erst jetzt, Deine URL hattest Du ja schon gepostet...

Dann versuch mal folgendes:

1
2
3
4
5
 
@media (max-width: 720px) {
.j-module h1 {
font-size: 12px !important;
}
}
 




Egal wie ich es drehe und wende, ich bekomme weder h1, h2 noch h3 mobil kleiner. Zitierter Code wurde verwendet für https://eishunger.jimdofree.com/

Vielen Dank und beste Grüße


 Antworten

 Beitrag melden
16.10.2019 16:23
avatar  D.F.
#9
D.

Problem gelöst. Dennoch danke!


 Antworten

 Beitrag melden
16.10.2019 23:45
avatar  az_
#10
avatar
az_

Funktionierende Lösungen am besten immer gleich posten, damit andere auch etwas davon haben!
LG, az


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!