Ü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 #5
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;
}
}
 





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!
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!