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.

zum Header anpassen hat mir das hier geholfen.

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

Lg, Markus

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

Hey AilaK

Versuch mal gerne folgendes:

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

Gruß,
Andre

Danke dir!
Mit dem Kompletten Code

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

Super.

Das Logo solltest Du folgendermaßen nach oben bekommen:

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

Gruß,
Andre

Perfekt!

1000 Dank!

Immer gern!

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?

Soweit ich jetzt nachgeschaut habe, wäre der Code

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

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

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!

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:

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

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

ich hoffe es hilft,
Sami