Seite 1 von 1

WYSIWYG menu2-5r, falsche Farbe

Verfasst: Mi 25. Mai 2022, 12:45
von Boomer
Hallo zusammen,

habe eine kleines Problem mit dem header Block menu2-5r auf meiner Seite https://sonoboomer.com kann die Hintergrundfarbe in den Block parameters nicht auf ein dunkles Blau ändern, d.h. es funktioniert zwar im Mobirise Editor, aber beim Upload ist der Block wieder himmelblau, ja ich habe mit F5 mehrfach refresht und auch in anderen Browsern geprüft. Habe mehrfach upgeloadet, vollständig, aber irgendwie ändert sich die Farbe des Overlays nicht.
Soll ich den Block entfernen und neu einfügen oder habe ich was falsch gemacht ?

Grüße und Danke, Thomas

Re: WYSIWYG menu2-5r, falsche Farbe

Verfasst: Mi 25. Mai 2022, 13:22
von Tommy Herrmann
Moin Thomas,

bei mir sieht es so aus.

Du hast einen leicht transparente blaue Hintergrundfarbe:

0.7 = 70% Deckkraft

Code: Alles auswählen

background: rgba(5, 26, 62, 0.7);

Background-Transparent.jpg


ändere es in 1.0 = 100% Deckkraft:

Code: Alles auswählen

background: rgba(5, 26, 62, 1.0);

Background-Deckend.jpg


rgba = Rot, Grün, Blau, Alphakanal

Die zusätzliche (a) Angabe zum RGB Wert, bestimmt die Deckkraft der Farbe ( a/ 0.0 = transparent, a/ 1.0 = opak, Werte von 0.0 - 1.0 können verwendet werden).

Re: WYSIWYG menu2-5r, falsche Farbe

Verfasst: Mi 25. Mai 2022, 13:49
von Boomer
Danke Tommy für Deine prompte Antwort.
Leider kannst auch Du gegen das Problem, das vor dem PC sitzt wenig ausrichten: es war das andere Laptop und refreshen tut man´s mit Fn+F5
Habe aber trotzdem wieder was über CSS gelernt.

Danke Thomas

Re: WYSIWYG menu2-5r, falsche Farbe

Verfasst: Mi 25. Mai 2022, 13:55
von Tommy Herrmann
Browser-Cache am Laptop erneuern meist mit Tastenkombination:

Strg + Fn + F5

Es gibt auch andere Kombinationen, abhängig vom verwendeten Browser.

Re: WYSIWYG menu2-5r, falsche Farbe

Verfasst: Mi 25. Mai 2022, 15:48
von Tommy Herrmann
Den Browser-Cache auch am mobilen Gerät wie einem Smartphone (Handy) zu leeren ist extrem wichtig. Das Handy ist sonst hartnäckig und zeigt immer die alte CSS an.

Beispiel am "Android" Browser (hier "Samsung Internet"):

> Hamburger Menü (unten rechts) > Einstellungen > Persönliche Browserdaten > Browserdaten löschen

> Auswahl treffen (meist Cookies und Sitedaten beibehalten)

> Button "Daten löschen"

... dann Browser schließen und am besten noch "Alle Apps schließen" und den Browser dann neu starten.


Android Browser Cache löschen.jpg

Re: WYSIWYG menu2-5r, falsche Farbe

Verfasst: Fr 27. Mai 2022, 14:44
von Werner-Zenk.de
Man muss da auch bei den Chromium-Browsern (Google, Edge, Opera) aufpassen und die Entwicklertools (DevTools) immer beim Testen eingeschaltet lassen.

In den Einstellungen der DevTools gibt es die Checkbox: "Cache deaktivieren (während DevTools geöffnet ist)"

devTools.png

Außerdem kann man mit dem Reload-Button (während die DevTools geöffnet sind)
Die Seite (ohne Chache) neu laden
reload-button.png