Allgemeines » Header / Seitentitel mit Design Miami ändern

22.07.2017 20:06

stohli99
#1

st

Hallo zusammen

Was muss ich eingeben, um
1) den Seitentitel im Header zu löschen?
2) Wie kann ich den Header (diesen dicken Balken :-)) weniger hoch gestalten?

Danke für eure Tipps.

Antworten

Beitrag melden

#2

23.07.2017 10:26

az_
#2

az_

...das kommt drauf an, welches Design Du benutzt hast. Wie ist denn die URL (= Web-Adresse) Deiner 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

#3

03.11.2017 14:11

Lichtwerker
#3

Li

Lichtwerker

zum Header anpassen hat mir das hier geholfen.

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

Lg, Markus

Antworten

Beitrag melden

#4

04.11.2017 20:13

az_
#4

az_

...perfekt! Genau so stelle ich mir das mit dem Forum vor!!!

Aber bei einigen anderen Designs muss man da anders rangehen. Daher meine Frage: welches Design hattest Du gewählt, @stohli99 ?

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

13.06.2018 08:59

AilaK
#5

Ai

AilaK

Guten Morgen!

Ich habe bereits fleißig gelesen und alle Tipps ausprobiert, komme aber nicht weiter.

Es geht um die Webseite www.pferdetaxi-aachen.de

Ich habe den Seitentitel im Header bereits ausblenden können, hätte das Logo aber gerne noch weiter nach oben bzw den gesamten Header kleiner. Alternativ würde ich auch den Seitentitel unter dem Logo eintragen wollen.

Nun komme ich aber nicht weiter, kann mir bitte jemand helfen?

LG

Antworten

Beitrag melden

#6

13.06.2018 14:06

Andre Konrad
#6

Andre Konrad

Hey AilaK

Versuch mal gerne folgendes:

1
2
3
4
5
6
7
8
 
<style type="text/css">
/*<![CDATA[*/
 
.jtpl-header{
max-height:150px!important;/*der Wert lässt sich beliebig anpassen*/
 
/*]]>*/
</style>
 

Gruß,
Andre

Antworten

Beitrag melden

#7

13.06.2018 16:23 (zuletzt bearbeitet: 13.06.2018 16:24)

AilaK
#7

Ai

AilaK

Danke dir!
Mit dem Kompletten Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<style type="text/css">
   
 /*<![CDATA[*/
 
.jtpl-title {
 
display: none;
}
 
/*]]>*/
 
</style>
 

<style type="text/css">
/*<![CDATA[*/
 
.jtpl-header{
 
max-height:450px!important;/
 
/*]]>*/
 
</style>
 

 

.. habe ich nun den Titel raus, kann den Header auch verkleinern, aber mein Problem dass das Logo zu tief hängt bleibt.
Mir ist leider kein Code bekannt um das Logo im Header höher zu schieben.

Antworten

Beitrag melden

#8

13.06.2018 16:31

Andre Konrad
#8

Andre Konrad

Super.

Das Logo solltest Du folgendermaßen nach oben bekommen:

1
2
3
4
5
6
7
8
 
<style type="text/css">
 /*<![CDATA[*/
 
.jtpl-logo{
transform:translateY(-100px)!important;/*Werte wieder beliebig anpassbar*/
 
/*]]>*/
</style>
 

Gruß,
Andre

Antworten

Beitrag melden

#9

13.06.2018 16:33

AilaK
#9

Ai

AilaK

Perfekt!

1000 Dank!

Antworten

Beitrag melden

#10

13.06.2018 17:25

Andre Konrad
#10

Andre Konrad

Immer gern!

Antworten

Beitrag melden

#11

14.06.2018 07:27

AilaK
#11

Ai

AilaK

Entschuldigung, eine Frage bleibt mir noch ;-)
In dem Beitrag Design Rome - Header verkleinern habe ich verschieden Codes probiert um in der Mobilen Ansicht den Header ebenfalls kleiner zu bekommen bzw oben ein zu kürzen.
Funktioniert das nicht in Kombination?

Antworten

Beitrag melden

#12

14.06.2018 09:40 (zuletzt bearbeitet: 14.06.2018 09:41)

az_
#12

az_

...mobil geht immer mit

1
2
3
 
@media(max-width: 767px ) {
 /*your CSS*/
} 
 

Bei manchen Designs ist der Wert ein anderer (z.B.: max-width: 1023px), dass musst Du selbst herausfinden. Chrome DevTools sind dafür eine gute Hilfe.

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

#13

14.06.2018 14:08

AilaK
#13

Ai

AilaK

Soweit ich jetzt nachgeschaut habe, wäre der Code

1
2
3
4
5
6
7
8
9
10
11
12
 
<style type="text/css">
/*<![CDATA[*/ 
 
/*mobile view*/
@media (max-width:767px) {
  .jtpl-header--image {
      height: 200px; 
  }
}
 
   /*]]>*/ 
</style>
 

Egal wie ich die Werte verändere es tut sich nix. Trotz aller Bemühungen bin ich mit meinem CSS Wissen und Programmier Sprache hier schnell am Ende

Oder liegt es daran das es als letztes Befehl noch unter Logo Titelseite ausblenden, Logo Höher und Header in Webversion an vierter Positin steht?

Antworten

Beitrag melden

#14

14.06.2018 16:32

az_
#14

az_

...manchmal hilft ein "!important;" statt dem ";" am Ende der Anweisung. gib doch bitte noch einmal die URL an!

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

#15

15.06.2018 15:55

AilaK
#15

Ai

AilaK

Probiert, hat nichts verändert. Die Webseite lautet www.pferdetaxi-aachen.de

Antworten

Beitrag melden

#16

18.06.2018 16:28 (zuletzt bearbeitet: 18.06.2018 16:40)

az_
#16

az_

...ein feines Logo!

eigentlich müsste es aber funktionieren mit:

1
2
3
 
.jtpl-header {
    max-height: 240px !important;
}
 

LG, az

PS: Du kannst auch Deine CSS-Einträge zusammenfassen, dann wird es übersichtlicher:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 

<style type="text/css">
 /*<![CDATA[*/
 
.jtpl-logo{
transform:translateY(-50px)!important;/*Werte wieder beliebig anpassbar*/
}
 
.jtpl-title {
display: none;
}
 
/*mobile view*/
@media (max-width:767px) {
  .jtpl-header {
      max-height: 240px !important; 
  }
}
 
   /*]]>*/ 
</style>
 
 

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

#17

21.06.2018 17:12

AilaK
#17

Ai

AilaK

Entschuldige die später Antwort, der liebe Job...

Ja super, jetzt hab ichs nicht nur verstanden mit der Zusammenfassung, es sitzt auch alles perfekt an seinem Platz!
Viel gelernt und viel Hilfe bekommen!

Ich habe sehr zu danken!

Antworten

Beitrag melden

#18

17.01.2021 10:19 (zuletzt bearbeitet: 28.01.2021 15:42)

Sami
#18

Sa

Sami

Wenn jemand anderes ein solches Problem hat, habe ich es gefunden. Um etwas zu löschen, sollten Sie den Code "display: none" verwenden.
Für Design Miami habe ich auf meiner Website diesen Code verwendet:

1
2
3
4
5
6
7
8
 
<style type="text/css">
/*<![CDATA[*/
.jtpl-header{
    display:none;
}
/*]]>*/
</style>
 
 

Gehen Sie zur Einstellung, geben Sie im EDIT HEAD, WEBSITE diesen Code ein.
Ich ändere einige weitere Einstellungen wie:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<style type="text/css">
/*<![CDATA[*/
.jtpl-header{
    display:none;
}
#content_area{
    padding-top: 20px;
}
.j-module{
    padding-top: 200px;
}
.j-module.n.j-header{
   padding-top: 50px;  
}
/*]]>*/
</style>
 
 