JIMDO Stockholm Navigation Farbe ändern

21.10.2020 13:40
avatar  haina
#1
ha

Hallo!
Vielen Dank für die Aufnahme im Forum.
Folgendes Problem:

Wir haben eine Homepage im Design Stockholm erstellt mit einer weißen Navigationsleiste. Nun möchten wir, dass die Untermenüs, die automatisch aufgehen, in einer anderen Farbe dargestellt werden. Leider bietet Jimdo selbst nur die „ganz oder garnicht - Lösung“ oder nur bei aktiven Feldern an.

Kann mir jemand helfen? :-)


 Antworten

 Beitrag melden
23.10.2020 11:33
avatar  sgrafik
#2
avatar

Leider kann ich dir nicht helfen ... aber der Frage möchte ich mich gerne anschliessen ... Die Unternavigation ist nicht mit der Farbwalze anklickbar - doch die bestehende Farbe passt nicht in das gewünschte Farbkonzept.

die URL: RaumQuelle das gewählte Design ist aber bei mir Melbourne

Auch ich freue mich auf gute Tipps!
Vielen Dank


 Antworten

 Beitrag melden
23.10.2020 12:47 (zuletzt bearbeitet: 23.10.2020 12:50)
avatar  az_
#3
avatar
az_

Auf meiner Webseite findet ihr unter CSS-Grundlagen ein Tutorial, wie ihr mit den Dev Tools des Chrome Browser herausfindet, welche CSS-Parameter von Elementen geändert werden müssen.

Ansonsten gilt wie schon so oft: keine Hilfe ohne URL! bei Raum Quelle kann ich es mir gleich mal 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


 Antworten

 Beitrag melden
23.10.2020 13:36 (zuletzt bearbeitet: 23.10.2020 13:53)
avatar  az_
#4
avatar
az_

...na gut, bei einer Sub-Navigation ist das nicht ganz trivial, vor allem nicht bei Dropdown-Menüs:



1. DevTools öffnen
2. Mit "Hover" Dropdown-Ebene öffnen
3. Inspector Stylesheet anlegen
4. Selektoren kopieren
5. Inspector Stylesheet öffnen
6. Selektoren anpassen

...danach einsetzen im head-Bereich der Webseite (Menü > Einstellungen > Head Bearbeiten > gesamte Webseite/Unterseiten)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 

<style type="text/css">
@media (min-width: 768px) {
 
.jtpl-navigation__inner .j-nav-level-1 a:link,
.jtpl-navigation__inner .j-nav-level-1 a:visited {
background-color: rgba(133, 133, 133, 0.8) !important;
}
 
.jtpl-navigation__inner .j-nav-level-1 a:hover {
background-color: red !important;
}
}
 
</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
09.05.2022 13:01
avatar  KathLie
#5
Ka

Hallo,

ich habe zu dem Thema eine ergänzende Frage.
Bei mir ist die Navigationsleiste transparent, da sie über einem Bild liegt. Nun würde ich gerne beim Scrollen diese Navgiationsleiste einfärben damit diese nicht mit den Texten überlappt. Mit welchen Befehl kann ich dies erreichen? (HP: tischlerei-otterbein.jimdofree.com )
Liebe Grüße
Katharina


 Antworten

 Beitrag melden
14.06.2022 20:17
avatar  az_
#6
avatar
az_

Das ist nicht ganz so einfach, denn du musst dem Browser erklären, was genau und wann es passieren soll. Letzteres kannst du mit einem jQuery Skript machen, welches der Navigation eine zusätzliche Klasse zuweist, sobald die Stelle erreicht ist, an der sie nicht mehr transparent sein soll - das wird dann über ein CSS erreicht.
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!