Seitentitel-Box entfernen

29.08.2016 14:26
#1
Me

Hallo liebes Forum.
Ich würde gerne wissen, ob man diese Seitentitel-Leiste entfernen kann. (siehe Foto)


Ich benutze die Designvorlage "Zurich", da diese mir als einzige solch ein Layout ermöglicht.
Wenn ich den Seitentitel leer lasse, erscheint auf der Page ein weißer Platzhalter.

Gibt es eine Möglichkeit diesen zu Umgehen oder die Leiste komplett von der Page zu entfernen?
Hab leider nur wenig bis keine Erfahrung in Sachen HTML bzw. CSS. Meine Versuche, den Seitentitel eigenständig aus dem HTML-Code zu entfernen waren daher vergebens.

Vielen Dank schonmal,
Daniel


 Antworten

 Beitrag melden
30.08.2016 00:16
avatar  az_
#2
avatar
az_

Hallo Daniel,

...den Header-Title kannst Du per CSS ausblenden. Dazu kopierst Du unter Einstellungen > Head bearbeiten folgenden Code in den CSS-Editor:

1
2
3
4
5
6
 

<style>
.jtpl-title {display:none;}
 
</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
30.08.2016 10:25
#3
Me

Danke!

Das Bearbeitungsfenster "Seitentitel" ist nun zwar verschwunden, aber der weiße Platzhalter ist immer noch da!
Bekomm ich den noch irgendwie weg?


 Antworten

 Beitrag melden
01.09.2016 14:28
#4
Me

Weiß irgendwer 'ne Lösung?


 Antworten

 Beitrag melden
01.09.2016 14:50
avatar  az_
#5
avatar
az_

...wenn Du uns nicht die URL verrätst, nicht!


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.09.2016 00:19
#6
Me

 Antworten

 Beitrag melden
03.09.2016 09:32 (zuletzt bearbeitet: 03.09.2016 09:44)
avatar  az_
#7
avatar
az_

Danke für die URL :)

...was genau meinst Du mit "Platzhalter" ? ich kann keinen mehr entdecken - der Seitentitel ist ausgeblendet.

LG, az

PS: mit den Dev-Tools (Chrome: strg+I) kannst Du das überprüfen:




PPS: Bilder kannst Du auch in Forum direkt einbinden (...unten rechts: Datei anhängen > Hochladen > Einfügen)


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
04.09.2016 22:33 (zuletzt bearbeitet: 04.09.2016 22:35)
#8
Me

Hmm, merkwürdig. Bei dir ist auch keine Navigationsleiste zu sehen.
Hast du die Seite auf einem Desktop-Rechner angesehen oder auf Smartphone/Tablet?

Bei mir im Firefox sieht die Startseite zumindest so aus


Ich würde gerne kontrollieren, wie groß der Abstand (in Pixeln) zw. Logo und Navi-Bar sein soll.
Geht das?

PS: Und natürlich hätte ich gerne, dass die Navi-Leiste auf jedem Device angezeigt wird. Ist wahrsch. vom Layout-Preset so vorgegeben


 Antworten

 Beitrag melden
05.09.2016 10:37 (zuletzt bearbeitet: 05.09.2016 10:38)
avatar  az_
#9
avatar
az_

...so sieht die Seite bei mir auch aus. Der Abstand, den Du gern kontrollieren möchtest, resultiert aus der Mindesthöhe des Headers, die dem Standard-Design per CSS zugewiesen wurde (layout.css):





Die kannst Du aber auch ändern. Versuch mal folgenden Code:

1
2
3
4
5
 
@media (min-width: 1170px) {
.jtpl-header {
min-height: initial;
}
}
 



...das sollte bereits helfen.

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
05.09.2016 11:05
#10
Me

Vielen lieben Dank!
Jetzt haut es hin!


 Antworten

 Beitrag melden
06.09.2016 15:41 (zuletzt bearbeitet: 06.09.2016 15:42)
#11
avatar

gelöscht

Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

 Antworten

 Beitrag melden
31.08.2017 14:28 (zuletzt bearbeitet: 01.09.2017 10:48)
avatar  Rossi
#12
Ro

Sorry, aber der Code muss in den Head, ok...aber muss noch eine Info dazu?
Wenn ich ihn so verwende funktioniert das nicht.


1
2
3
4
5
 
@media (min-width: 1170px) {
.jtpl-header {
min-height: initial;
}
}
 




Also der Seitentitel verschwindet, aber der Abstand nach oben bleibt leider gleich...


 Antworten

 Beitrag melden
01.09.2017 10:50 (zuletzt bearbeitet: 28.10.2017 06:52)
avatar  az_
#13
avatar
az_

https://www.redesign-berlin.de/jimdo-tut...ngen/jimdo-css/

Wichtig: den sog. "Style-tag" (<style type="text/css"> ...</style>) nicht vergessen!


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
27.10.2017 14:49 (zuletzt bearbeitet: 27.10.2017 14:55)
#14
Me

Zitat von az_ im Beitrag #2
...den Header-Title kannst Du per CSS ausblenden. Dazu kopierst Du unter Einstellungen > Head bearbeiten folgenden Code in den CSS-Editor:

1
2
3
4
5
6
 

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



LG, az



Leider funktioniert das bei mir nicht - wenn ich versuche den Text so zu speichern erscheinen bei mir weitere Befehle in rot (siehe Bild). Was mache ich falsch? Habe leider (wie sich unschwer erkennen lässt) absolut keine Ahnung von CSS.


Hat sich erledigt, habe hier die Antwort gefunden: Zürich Seitentitel entfernen


 Antworten

 Beitrag melden
11.11.2017 12:13
avatar  Mirjam
#15
Mi

Moin allerseits,

inzwischen habe ich es geschafft, dass die Schrift verschwunden ist, der Kasten ist aber immer noch zusehen. Wie könnte das denn noch behoben werden?
www.mirjam-bluemel.de

Danke im Voraus,
Mirjam


 Antworten

 Beitrag melden
11.11.2017 13:37 (zuletzt bearbeitet: 11.11.2017 13:41)
avatar  TiJo
#16
Ti

Du meinst den grauen Kasten? Ist es eigentlich gewollt, dass deine Navigation aus dem Nichts auftaucht?


 Antworten

 Beitrag melden
11.11.2017 14:31
avatar  FKWars
#17
avatar

Hallo Mirjam,
wenn Du den grauen Kasten meintest dann bekommst du ihn mit

1
2
3
4
5
6
7
8
9
10
11
 
<style type="text/css">
/*<![CDATA[*/
@media (min-width: 768px) {
 
.jtpl-breadcrumb__title-navigation-gutter {
display: none;
}
}
 
/*]]>*/
</style>
 



weg.
Gruß FKWars


 Antworten

 Beitrag melden
11.11.2017 14:40
avatar  TiJo
#18
Ti

Zitat@media (min-width: 768px) {

@FKWars
Warum verwendest du hier ein

1
 
@media
 

?
Der graue Kasten sollte doch immer weg, unabhängig von der Bildschirmgröße?


 Antworten

 Beitrag melden
11.11.2017 16:13
avatar  az_
#19
avatar
az_

...eigentlich müsste folgendes reichen:

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

/*]]>*/
</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
11.11.2017 16:18
avatar  TiJo
#20
Ti

ich habe irgendwo gelesen, dass "hidden" das Element ausblendet, den Platz dafür aber trotzdem vorsieht.
Bei display = none wird das Element ausblendet und der nachfolgende Inhalt nach oben verschoben. Als wäre wirklich nichts da.


 Antworten

 Beitrag melden
11.11.2017 16:21
avatar  az_
#21
avatar
az_

...das ist richtig. mit display:none; wird der Header schmaler. Deshalb habe ich es mit visibility gemacht.


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
11.11.2017 23:59
avatar  FKWars
#22
avatar

TiJo, das Media hatte ich aus Versehen mit ein kopiert. Aber macht in dem Fall nichts aus da es keinen Einfluss auf die Mobile Ansicht hat.


 Antworten

 Beitrag melden
14.11.2017 12:22
avatar  Mirjam
#23
Mi

Ganz herzlichen Dank für Eure Bemühungen!
Ich hatte irgendwie keine Mail bekommen, dass Ihr geantwortet hattet. Wahrscheinlich habe ich das Häkchen nicht gemacht.

Mit dem letzten habe ich den grauen Kasten wegbekommen.

@TiJO: Ich verstehe leider nicht genau was Du meinst...


 Antworten

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