Abstand zwischen Navbar und Content in Malaga anpassen

13.04.2016 17:30
#1
Th

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


 Antworten

 Beitrag melden
14.04.2016 15:08
#3
Th

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
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
14.04.2016 17:18
#5
Th

@az_

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


 Antworten

 Beitrag melden
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
14.04.2016 17:21
#7
Th

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


 Antworten

 Beitrag melden
28.07.2016 16:54
#8
li

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


 Antworten

 Beitrag melden
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
29.07.2016 08:44
#10
li

ich danke dir... hat funktioniert :-)


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!