Nach langem Suchen auf dem Forum, muss ich mich nun doch an Euch Spezialisten wenden mit meinen Fragen.

Zur Zeit versuche ich auf dem Design New York die folgenden Punkte abzuändern (www.megatry.ch (Probeseite)):
1. Frage: Da ich kein Hintergrundbild verwende, wird der obere Teil der Seite doch etwas weiss. Ich möchte daher die Abstände verkleinern zwischen a) oberem Rand und Logo, b) zwischen Logo und Navigation 2. Ebene und c) zwischen unterem Rand Content und erstem Inhalt in Fussbereich.
2. Frage: Kann ich die Navigation 3. Ebene anders formatieren im Vergleich zur 2. Ebene? Die 1. Ebene und die 2. Ebene können vom System her bereits unterschiedlich formatiert werden, leider nicht die 3. Ebene. Kann ich das umgehen?
3. Frage: Gibt es eine Möglichkeit, auch auf diesem Design die Trennlinie anders zu formatieren (Dicke, Farbe), wie es bei anderen Designs geht? Leider ist es weder mit der Festlegung des Farbsystems noch differenziert unter Style möglich.

Vielen Dank für Eure Hilfe schon zum Voraus. Ich würde mich freuen, wenn es ginge. Die Aufgabe für mich ist, aus der bisherigen einsprachigen Seite (www.judithbaumberger.ch) eine zweisprachige Seite (responsive) zu erstellen, ohne das Erscheinungsbild mit dem Markenzeichen der Textbilder zu sehr zu schwächen.

Ich habe mich auf anderen Layouts weiter umgesehen und konnte die Seitentitelbox mit diesem CSS entfernen:

<style>
.jtpl-title {display:none;}

</style>

Das Logo mit der Navi 1. Ebene ist entsprechend nach oben gerutscht.

Es verbleiben mit noch die restlichen Fragen. Melde mich, wenn ich weiter etwas herausgefunden habe dazu.

Hallo @az_

Danke für Deine Mut machende Rückmeldung.
Habe auf Chrome devtools die Namen der Elemente gesucht und konnte auch den unteren Abstand verringern zwischen jtpl-content und jtpl-sidebar (die unten ist in diesem Layout). Damit war auch diese Einfügung erfolgreich:

<style type="text/css">
/*<![CDATA[*/
 
.jtpl-content, .jtpl-sidebar {
padding: 0px 15px;
} 
 
/*]]>*/
</style>
 

Zu meiner Frage 1 konnte ich also Teil a) und c) lösen; b) erweist sich als schwierigst ...

Bin weiter am Suchen ....

Dir schöne Ferien in der Wildnis!
LG,

Das war für mich ein weiterer grosser Lernschritt: Ich konnte nun die Frage 1 ganz lösen, d.h. auch den Abstand b) zwischen Logo und Navigation 2. Ebene verkleinern:

Frage 1.b):

<style type="text/css">
/*<![CDATA[*/
 
.jtpl-navigation {
margin-bottom: 0px;
}
 
/*]]>*/
</style>
 

Mal auf der richtigen Spur fand ich auch die Möglichkeit, die Trennlinie anders zu formatieren:

Frage 3:

<style type="text/css">
/*<![CDATA[*/
 
.j-hr hr {
border-color: #EFEFEF;
border-bottom-width: 1px;
border-style: solid;
}
 
/*]]>*/
</style>
 

Damit der Header mit dem Logo auch auf dem Smartphone ganz angezeigt wird, musste ich nun den oberen Rand wieder etwas vergrössern, 30px reichte. In der mobilen Ansicht verdeckt die Leiste für die Navigation einen Bereich, der in etwa 30 px gross ist und der damit das Logo oben verdeckte. Meine Lösung:

<style type="text/css">
/*<![CDATA[*/
 
.jtpl-header {
margin-top: 30px;
}
 
/*]]>*/
</style>
 
 

Mit diesen Änderungen könnte ich es nun belassen. Aber die spezielle Formatierung der Navigation 3. Ebene wäre halt doch noch gut; ich möchte sie einfach in kleinerer Schrift einfügen. Ob ich das auch noch herausfinden kann? Melde mich wieder.