Abstand zwischen Navbar und Content in Malaga anpassen

Antworten
#1
13.04.2016 17:30
avatar  TheZippyMan
#1
Th
TheZippyMan

Hey,

ich baue mir momentan eine Website für meine kleine 3D-Druck Firma. (Noch nicht wundern wenn Angaben fehlen, Seite ist noch nicht fertig).

Ich möchte den Abstand zwischen der Navbar und dem Content, bzw. der Überschrift verkleinern ("Willkommen bei XYZ-Technology!").
Ich habe schon stundenlang Google bemüht und die Website mit einem HTML Tool analysiert. Aber ich finde nichts. :(

Hier meine Website: http://www.xyz-technology.com

Liebe Grüße,
Justin


 Antworten

 Beitrag melden
#2
14.04.2016 14:39 (zuletzt bearbeitet: 14.04.2016 17:16)
avatar  az_
#2
avatar
az_

Hallo @TheZippyMan

...welchen Abstand meinst Du?



Für 2 wäre dies eine Lösung:

1
2
3
4
5
6
7
8
 
 <style>
 
@media (min-width: 768px) {
.jtpl-content {
    margin: 100px auto 80px;    /*...ersten Wert anpassen*/
}
}
</style>
 



Eintragen im Head-Bereich (Einstellungen > Head bearbeiten)

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

Bildanhänge

 Antworten

 Beitrag melden
#3
14.04.2016 15:08
avatar  TheZippyMan
#3
Th
TheZippyMan

Hey @az_

genau, die 2 meine ich. :)

Habe jetzt mal probehalber den wert auf 10px gesetzt und das Ganze in die Head Einstellungen kopiert, aber es tut sich nichts...

Was mache ich falsch?

1
2
3
4
5
6
7
8
9
10
11
12
 
<style type="text/css">
/*<![CDATA[*/
 
@media (min-width: 768px)
.jtpl-content {
    margin: 10px auto 80px;    /*...ersten Wert anpassen*/
}
/*]]>*/
</style>
 

 
 



Danke!
Justin


 Antworten

 Beitrag melden
#4
14.04.2016 17:15 (zuletzt bearbeitet: 14.04.2016 17:17)
avatar  az_
#4
avatar
az_

kleiner Fehler, große Wirkung - ich hatte die geschweiften Klammern vergessen:

1
2
3
4
5
6
7
8
9
10
 
<style type="text/css">
/*<![CDATA[*/
 
@media (min-width: 768px) {
.jtpl-content {
    margin: 100px auto 80px;    /*...ersten Wert anpassen (100px müssten ok sein)*/
}
}
/*]]>*/
</style>
 



...tml!! Jetzt klappt es bestimmt!
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
#5
14.04.2016 17:18
avatar  TheZippyMan
#5
Th
TheZippyMan

@az_

Danke!!! Du hast meinen Tag gerettet jetzt klappt es. Danke vielmals!


 Antworten

 Beitrag melden
#6
14.04.2016 17:20
avatar  az_
#6
avatar
az_

...ja, hab schon gesehen! Gut gemacht!! Nette Webseite!!

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
#7
14.04.2016 17:21
avatar  TheZippyMan
#7
Th
TheZippyMan

Dankeschön! Ist noch nicht fertig fehlt noch ein Logo und co. :)


 Antworten

 Beitrag melden
#8
28.07.2016 16:54
avatar  liajolie01
#8
li
liajolie01

Hallo,
hast du zufällig auch eine Lösung für die 1. Variante?
VG


 Antworten

 Beitrag melden
#9
28.07.2016 21:38
avatar  az_
#9
avatar
az_

...das ist bei dir die main-section, die steht bei Dir auf margin-top auf 200px. Muss aber mit media-Query gebastelt werden, sonst zerschiesst es Dir die mobilen Ansichten.

Versuch mal:

1
 
@media (min-width: 768px) {.jtpl-section-main {margin-top:120px;}}
 



...das dürfte 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
#10
29.07.2016 08:44
avatar  liajolie01
#10
li
liajolie01

ich danke dir... hat funktioniert :-)


 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!