Header Bild nur auf der "Home/Startseite" möglich?

06.09.2020 13:17

ED_Academy
#1

ED

Hallo zusammen,

ich habe mal eine Frage und zwar habe ich eine Website erstellt mit dem "Rome" Design, nun möchte ich das große Header Bild allerdings nur auf meiner Startseite haben und nicht auf den anderen Unterseiten, ist das möglich?

LG

Antworten

Beitrag melden

#2

06.09.2020 17:35 (zuletzt bearbeitet: 06.09.2020 17:49)

az_
#2

az_

Ja, das geht sogar sehr einfach. Du setzt einfach eine Body Klasse (z.B: .no-header) auf den Seiten, auf denen du keine Header Bilder haben möchtest und schreibst global im CSS:

1
2
3
 
.no-header .jtpl-header--image{ display: none; }

Wenn du eine Jimdofree Seite hast, kannst du keine Body-klassen setzen. Dann musst du statt .no-header die page-ID benutzen, z.B.:

1
2
3
 
#page-2354010960 .jtpl-header--image{ display: none; }

Die PageID findest Du hier:

Wenn Du lieber den umgekehrten Weg nimmst, geht das auch:

- dazu auf allen Seiten das header image global auf .jtpl-header--image { display: none; } setzen und nur für die Index-Page (= Start und Standardseiten) auf display: block setzen:

1
 
 #cc-indexpage .jtpl-header--image{ display: block; }

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

13.09.2020 13:37 (zuletzt bearbeitet: 13.09.2020 13:37)

ED_Academy
#3

ED

ED_Academy

Dankeschön für deine Antwort, leider kann ich da aber nicht wirklich folgen.

Wo genau muss ich diese Codes einfügen?

PS: Habe aktuell noch Jimdofree

LG

Antworten

Beitrag melden

#4

16.09.2020 11:21

az_
#4

az_

...sorry, ich hätte Dir den Link für die CSS-Grundlagen dazuschreiben müssen: https://www.redesign-berlin.de/jimdo-tut...css-grundlagen/

Besonders das Beispiel (Warenkorb ausblenden) wird für Dich interessant sein. Sonst musst Du mich mal anschreiben (...bitte per e-mail!)

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

29.05.2021 12:30

Lissycat
#5

Li

Lissycat

Hallo,

bin durch die Suche wegen meines selben Problems hier gelandet. Ich habe auch tatsächlich alles hinbekommen, aber ein neues Problem ist dabei aufgetaucht:
Die Seite veschwindet im oberen Teil nun hinter der Navigationsleiste (Design Rome) und schneidet quasi die Überschriften ab!
Wie kann ich das ändern?

Danke und viele Grüße!

Antworten

Beitrag melden

#6

31.05.2021 07:22

az_
#6

az_

Dazu müsstest du uns einmal die URL der Seite posten, sonst können wir uns das nicht anschauen.
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