Cookie Alert kleiner gestalten (Schriftgrösse und Button)

[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!

[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 ...

[inno]

... könntest du mir da helfen?

[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.

[inno]

... es ist einfach zu dominant und der Font zu groß. Passt nicht ins Layout. Über Werner`s Hilfe wäre ich dankbar.

[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:

Cookie-Alert-JavaScipts.zip

(4.63 KiB) 40-mal heruntergeladen

[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.

[inno]

Hallo Volker, danke dir! Versuche ich später und gebe dann Feedback!

[inno]

Hallo Volker, leider funktioniert das nicht! Habe mal auf 5px gestellt, keine Anpassung! Hast du noch eine Lösung?

[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:

<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.

[inno]

TOP! Passt auch! Kann man den Button auch noch etwas kleiner machen?

[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.