bearbeiteter Head wird nicht auf alle Seiten übernommen

09.11.2017 13:33 (zuletzt bearbeitet: 09.11.2017 13:34)
avatar  Flexibo
#1
Fl

Hallo zusammen

Ich bin froh auf dieses Forum gestossen zu sein und bin zuversichtlich, dass ich hier die notwendigen Tipps erhalte, um mein Problem zu lösen. Ich arbeite mir der Vorlage Stockholm und habe so einiges über die Funktion "Head bearbeiten" auf meine Bedürfnisse angepasst. So zum Beispiel die Grösse des Header-Bereichs, Position von Logo. Ob wohl ich den Script im Feld "gesamte Website" stehen habe, werden die Änderungen nur auf der Home-Seite angewendet. Sobald ich auf eine andere Seite gehe, ist der Header wieder auf völlig anders (Höhe verringert). Leider schiebt Jimdo die Hilfeleistung ab, da es sich um einen eigenen Script handelt, ich gehe aber davon aus, dass es sich auch um einen technischen Fehler bei Jimdo handelt. Ich habe auch versucht um die Home-Seite zu kopieren, doch auch da findet meine CSS keine Anwendung. Folgend findet ihr den Vergleich.

Home mit Änderungen im Head


AGB-Seite ohne angewendete CSS von "Head bearbeiten"




Ich danke euch für die Hilfestellung und die Tipps, denn ich bin ratlos und am verzweifeln.


 Antworten

 Beitrag melden
09.11.2017 14:20
avatar  make
#2
ma

Hallo,

ich denke das Problem bei dir wird ".cc-indexpage" sein.

Dieser bezieht sich auf die Startseite. Versuch mal diesen Eintrag weg zu lassen.

Gruß
make


 Antworten

 Beitrag melden
11.11.2017 16:54
avatar  az_
#3
avatar
az_

...bei Stockholm gibte es eine Besonderheit. Bei diesem Design ist die Startseite anders als die übrigen Seiten

1
2
3
4
5
6
7
8
9
10
11
12
 

 
#cc-inner {
overflow:hidden;
}
 
.jqbga-slider--image, .jtpl-header, .jqbga-container {
height:800px;
height: calc(100vh - 50px);
}
 

 



...das sollte 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
15.11.2017 13:13 (zuletzt bearbeitet: 18.11.2017 14:18)
#4
co

Hey Leute :)

Könnte mir jemand verraten wie ich die höhe des Headers im Design Stockholm schmälern (in der Höhe verändern) kann?
Ich würde den Bereich gerne um einen Zentimeter verkleinern, damit man sofort, wenn man auf die Seite kommt, das Menü sieht und es ersichtlich ist, dass es unten mit dem Inhalt weitergeht.
Gerne möchte ich auch den Abstand von der Menüleiste zum Inhalt (der Spalte) verkleinern. Könnte mir bitte auch hier jemand helfen?

Zusätzlich würde ich gerne wissen, wie ich im Headerbereich einen Text reinschreiben kann? Bsp: Sale 20% bis 30.11.2017
(Anm. Ich habe das derzeit auch so gelöst, dass ich die Versandkosten in das Hintergrundbild integriert habe, gefällt mir aber nicht so sehr, da es nicht sofort ins Auge fällt)
Könnte man diesen Text auch beweglich machen? Also, dass er von rechts nach links über die Breite des Monitors wandert?

Ich habe auf meiner Seite das Logo transpartent gemacht und mein tatsächliches Logo in das Hintergrundbild integriert.

Meine Seite: https://www.creativelifestyles.at/

Danke für eure Hilfe! :)

LG,
Copterling


 Antworten

 Beitrag melden
18.11.2017 14:10 (zuletzt bearbeitet: 18.11.2017 14:19)
avatar  az_
#5
avatar
az_

...der Code für Dich steht schon weider oben. Vielleicht brauchst Du noch ein "!important":

1
2
3
4
5
6
7
8
9
10
 

#cc-inner {
overflow:hidden;
}

.jqbga-slider--image, .jtpl-header, .jqbga-container {
height:800px !important;
/* height: calc(100vh - 50px) !important; */
}
 
 





... setze "height" auf: "calc(100vh - 250px) !important;" - das ergibt ein Vollbild mit unterem Rand (200px).

Für den Text habe ich eine Widget-Lösung programmiert, die einfach den Inhalt eines beliebigen Spaltenelements über den Kopfbereich legt.

Beispiel: https://designtest-vienna.jimdo.com/


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
19.11.2017 10:05
#6
co

Hey az_,

danke für Deine Tipps, leider funktioniert der Befehl bei mir nicht ganz so wie ich mir das wünsche. Die Auswirkungen betreffen bei mir nämlich leider nur die mobile Version der Website und verzerren das Bild. Ergo sieht man dann einerseits das Bild verzerrt, andererseits sehe ich auf der Desktopversion keine Veränderungen und die Navigaionsleiste ist weiterhin am untersten Bildschirmrand.
Ziel ist es die Leiste etwas weiter vom Rand zu heben, damit man direkt den Anfang des Contentbereichs auf der Website sieht.

Zitat von az_ im Beitrag #5
...der Code für Dich steht schon weider oben. Vielleicht brauchst Du noch ein "!important":

1
2
3
4
5
6
7
8
9
10
 

#cc-inner {
overflow:hidden;
}

.jqbga-slider--image, .jtpl-header, .jqbga-container {
height:800px !important;
/* height: calc(100vh - 50px) !important; */
}
 
 





... setze "height" auf: "calc(100vh - 250px) !important;" - das ergibt ein Vollbild mit unterem Rand (200px).

Für den Text habe ich eine Widget-Lösung programmiert, die einfach den Inhalt eines beliebigen Spaltenelements über den Kopfbereich legt.

Beispiel: https://designtest-vienna.jimdo.com/

LG, az




Die Widget-Lösung klingt sehr gut! Genau sowas habe ich gesucht. Kann ich mir die irgendwo herunterladen?
Hab mir die Seite angesehen, auch das mit den unterschiedlichen Hintergrundfarben finde ich ganz toll und würde ich gerne übernehmen.

Würde mich über die Links freuen. :)

LG,
Copterling


 Antworten

 Beitrag melden
21.11.2017 14:48
avatar  az_
#7
avatar
az_

...das müsste ich mir dann mal genauer ansehen. Schreib mich mal über meine Homepage an, bitte!

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
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!