Seite 1 von 1
Cookie Alert kleiner gestalten (Schriftgrösse und Button)
Verfasst: Do 3. Feb 2022, 14:26
von inno
Hallo,
ich arbeite aktuelle mit dem BistroM5 Theme.
Ist es möglich den Cookie-Alert etwas dezenter zu machen, also die Schriftgröße verringern und den Button etwas kleiner. Wo kann man das einstellen. Vielen Dank!
Re: Cookie Alert kleiner gestalten (Schriftgrösse und Button)
Verfasst: Do 3. Feb 2022, 17:48
von Tommy Herrmann
Moin,
der "Cookie Alert" von Mobirise erhält seine CSS über ein JavaScript, das man ändern könnte. Damit würde man aber in eine System-Datei eingreifen, die sich wahrscheinlich bei einem Update wieder zurücksetzen würde.
Ich habe das noch nicht ausprobiert ...
Re: Cookie Alert kleiner gestalten (Schriftgrösse und Button)
Verfasst: Fr 4. Feb 2022, 11:55
von inno
... könntest du mir da helfen?
Re: Cookie Alert kleiner gestalten (Schriftgrösse und Button)
Verfasst: Fr 4. Feb 2022, 12:02
von Tommy Herrmann
Das weiß ich (noch) nicht - habe ich auch noch nie versucht. Was ganz genau willst Du denn erreichen.
Ganz sicher kann das aber unser Werner, wenn ich das Skript dazu hier poste.
Re: Cookie Alert kleiner gestalten (Schriftgrösse und Button)
Verfasst: Fr 4. Feb 2022, 13:53
von inno
... es ist einfach zu dominant und der Font zu groß. Passt nicht ins Layout. Über Werner`s Hilfe wäre ich dankbar.

Re: Cookie Alert kleiner gestalten (Schriftgrösse und Button)
Verfasst: Fr 4. Feb 2022, 16:28
von Tommy Herrmann
ja - ich kenne mich mit solchen Dateien nicht gut genug aus und ich weiß nicht, ob Werner Zeit und Lust zum gucken hat.
Diese beiden Dateien werden für den "Cookie Alert" verwendet:
Re: Cookie Alert kleiner gestalten (Schriftgrösse und Button)
Verfasst: Fr 4. Feb 2022, 17:52
von Volker
Bin zwar nicht der Werner
Aber in der cookies-alert.js muss man doch wohl nur das hier ändern :
Code: Alles auswählen
,fontFamily:"Arial",fontColor:a.getAttribute("data-cookie-colorText"),fontSize:"13px"
Also 13 ändern in kleiner
Wobei MB das wohl immer wieder ändert bei Aktualisierungen.
Das geht mir mit dem Paypal Button auch immer so - den hab ich mir gespeichert und den lade ich jedes mal nach Änderungen per Hand nach.
Re: Cookie Alert kleiner gestalten (Schriftgrösse und Button)
Verfasst: Mo 7. Feb 2022, 09:54
von inno
Hallo Volker, danke dir! Versuche ich später und gebe dann Feedback!

Re: Cookie Alert kleiner gestalten (Schriftgrösse und Button)
Verfasst: Mo 7. Feb 2022, 14:01
von inno
Hallo Volker, leider funktioniert das nicht! Habe mal auf 5px gestellt, keine Anpassung! Hast du noch eine Lösung?
Re: Cookie Alert kleiner gestalten (Schriftgrösse und Button)
Verfasst: Mo 7. Feb 2022, 14:57
von Tommy Herrmann
Wenn Du nur die Schrift kleiner haben willst, wie z.B. 12px (der Button entspricht allen anderen Buttons der Seite), könntest Du das mit einem
<span> Tag </span> (Textbereich) direkt bei der Eingabe vom "Cookie Alert" tun:
Cookie Beispiel hat geschrieben:
<span style='font-size: 12px;'>We use cookies to give you the best experience. Read our <a href='privacy.html'>cookie policy</a></span>
Dabei dürfen nur einfache 'Hochstriche' verwendet werden.
Re: Cookie Alert kleiner gestalten (Schriftgrösse und Button)
Verfasst: Mo 7. Feb 2022, 15:23
von inno
TOP! Passt auch! Kann man den Button auch noch etwas kleiner machen?

Re: Cookie Alert kleiner gestalten (Schriftgrösse und Button)
Verfasst: Mo 7. Feb 2022, 16:00
von Tommy Herrmann
Du das wird alles über eine JavaScript-Datei gesteuert und daher ist das blöd, denn man greift da in das System von Mobirise ein. Das überschreibt dann mit jedem Update wieder alles.
Du könntest so ein Skript von
Werner-Zenk.de (anstelle dessen) einbauen.
Hier hatte ich das mal getestet:
https://www.mobirise-tutorials.com/Test ... lider.html
Auf meiner Seite kannst Du diesen Cookie beliebig oft am Link
"Cookie-Hinweis wieder herstellen" im obersten Block wieder löschen um das auszuprobieren.
Hier geht es zum Skipt vom
Werner:
https://werner-zenk.de/javascript/daten ... lenden.php
Das müsstest Du dann am besten in den
globalen "Site Settings" tun, damit Du das nicht auf jeder Seite einzeln einbauen musst. Also auf "Sites" und an der Kachel des Projektes auf das Zahnrad für diese Einstellungen klicken:
> die CSS mit dem <style> Tag </style> in den Bereich "Before </head> code"
> das JavaScript in den Bereich "Before </body> Code"
Dann kannst Du das über diese eigene CSS ganz einfach alles anpassen.