Design Miami - höhe des grauen Header-Balkens ändern

06.10.2017 19:58 (zuletzt bearbeitet: 07.10.2017 10:39)
#1
Li

Hallo,
gibt es ein Möglichkeit die Höhe (nicht die höhe der Position) des grauen Balkens zu verändern? Ich möchte diesen schmaler darstellen.
Meine Seite: https://bodyandblues.com

Vielen Dank im Voraus,
Markus


 Antworten

 Beitrag melden
07.10.2017 10:46 (zuletzt bearbeitet: 07.10.2017 10:47)
avatar  az_
#2
avatar
az_

Bei diesem Design kannst Du das über die Klasse .jtpl-header machen:

1
2
3
4
5
6
7
 
@media (min-width: 768px) {
.jtpl-header {
padding: 150px 20px 50px 20px; /*oben links unten rechts*/
}
}
 

 



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
07.10.2017 13:41
#3
Li

Hallo az_,
Danke für den Tipp. Und wo (wie) ändere ich das?
Gruß, Markus


 Antworten

 Beitrag melden
10.10.2017 23:03
avatar  az_
#4
avatar
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
02.11.2017 16:22 (zuletzt bearbeitet: 02.11.2017 19:46)
#5
Li

Hallo az_,
Danke für den Tipp. Wenn ich diese Zeilen eintrage und auf speicher klicke verschwindet die Eingabe jedesmal. Was mache ich hier falsch?

1
2
3
4
5
 
@media (min-width: 768px) {
.jtpl-header {
padding: 150px 20px 50px 20px; /*oben links unten rechts*/
}
}
 




Und wo (wie) ändere ich das?
Gruß, Markus


 Antworten

 Beitrag melden
02.11.2017 19:48
avatar  az_
#6
avatar
az_

Dir fehlt folgender "Rahmen-Code":

1
2
3
4
5
6
7
8
9
 

<style type="text/css">
/*<![CDATA[*/
 
/* ...hier den Code einsetzen! */
 

/*]]>*/
</style>
 



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
03.11.2017 10:52
#7
Li

Danke az_, jetzt hat es funktioniert.


 Antworten

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