Jimdo-Specials (Tools, Widgets, HTML und CSS) » Content-Bereich verkleinern

22.10.2019 18:29

renate75
#1

re

Hallo zusammen,

ich möchte beim Design Singapore den Content-Bereich verschieben. In der Desktopansicht finde ich es ok, aber in der mobilen Ansicht ist der Abstand zwischen Header und Content viel zu groß. Ich habe es mit verschiedenen CSS-Befehlen versucht, bisher aber leider erfolglos.
Die Adresse lautet zur Zeit noch https://renate75.jimdofree.com.

Hat jemand von euch eine Idee?

Danke und viele Grüße
Renate

Antworten

Beitrag melden

#2

23.10.2019 10:51 (zuletzt bearbeitet: 23.10.2019 10:53)

az_
#2

az_

...normalerweise ist es:

1
2
3
4
5
6
 
@media (max-width:767px) {
  .jtpl-header {
      margin: 100px 0 0;
  }
}
 
 

Aber Ihr habt so viele Fehler im CSS - die müsst Ihr erst mal ausräumen. Beispiel:

1
2
3
4
5
6
7
8
 

 
{
.jtpl-content{
max-width: 100%;
opacity: 0;
height: 800px;
  !important;}
 

korrigiert:

1
2
3
4
5
6
7
8
 

 
.jtpl-content {
  max-width: 100%;
  opacity: 0;
  height: 800px  !important;
}
 
 

...sowas habt ihr da öfter drin.

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

#3

23.10.2019 14:59

renate75
#3

re

renate75

Vielen Dank!

Ich habe es jetzt tatsächlich so, wie ich es wollte. Dabei dachte ich eigentlich, ich hätte alle Möglichkeiten durchgespielt. Aber ich bin eben blutige Anfängerin in dem Bereich.
Allerdings habe ich noch nicht so ganz verstanden, wo genau meine Fehler liegen. Ist das Semikolon an der falschen Stelle? Eine Klammer zu viel habe ich in meinem CSS nicht gefunden.

LG

Antworten

Beitrag melden

#4

27.10.2019 12:04

az_
#4

az_

falsch:

1
2
 
height: 800px;
  !important;
 

...das Semikolon hinter 800px ist zuviel.

1
 
height: 800px !important;

wäre richtig.

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