Seite 4 von 4

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Verfasst: 19.05.2018 23:47
von Tastenplayer
Hallo mystica99

Leider kann ich machen was ich will - im Firefox wird mir der Cookiehinweis im Moment nicht mehr angezeigt. Ich glaube das war das:

Code: Alles auswählen

.cc-color-override--1687565279 .cc-btn {
	color: rgb(0, 0, 0) !important;
	font-family: Arial, sans serif;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 12px;
	border-color: #000 !important;
	background-color: rgb(170, 33, 41) !important;
}
Mit der Schriftgrösse änderte sich der Button. Bin jetzt aber nicht sicher.

Mein Hinweis ist ziemlich schmal hier mal der ganze Code

Code: Alles auswählen

/* Cookie window
--------------------------------------------- */

.cc-color-override--1687565279.cc-window {
	background: #222; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #1f1f1f 0%, #1f1f1f 51%, #484848 75%, #939192 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #1f1f1f 0%,#1f1f1f 51%,#484848 75%,#939192 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #1f1f1f 0%,#1f1f1f 51%,#484848 75%,#939192 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#939192',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #B5B5B5 !important;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #777;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .1);
	box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .1);
}

.cc-color-override--1687565279 .cc-link, .cc-color-override--1687565279 .cc-link:active, .cc-color-override--1687565279 .cc-link:visited {
	color: rgb(210, 0, 0) !important;
	font-family: Arial, sans serif;
	text-transform: uppercase;
	font-weight: 800 !important;
	font-size: 12px;
}

.cc-color-override--1687565279 .cc-btn {
	color: rgb(0, 0, 0) !important;
	font-family: Arial, sans serif;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 12px;
	border-color: #000 !important;
	background-color: rgb(170, 33, 41) !important;
}

.cc-window.cc-banner {
	flex-direction: row;
	padding: 0.8em 1.8em !important;
	width: 100%;
}

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Verfasst: 20.05.2018 02:47
von Joyce&Luna
mystica99 hat geschrieben:
Ich habe den Code der cookieconsent.min.css hinzugefügt. Klappt super! Nur würde ich den Banner gerne noch schmäler halten. Allerdings ist der Bestätigungsbutton (Verstanden!) hierfür noch zu groß. Weiß jemand wie ich auch den Bestätigungsbutton in der Größe (Höhe) verkleinern kann?

Vielen Dank.
Du kannst mal folgendes Probieren füge diesen Code dort hinzu wo du die anderen beiden hinein geschrieben hast.

Code: Alles auswählen

cc-revoke, .cc-window {
    line-height: 1.5em;
}
Jetzt kannst du nach deinem Geschmack die 1.5em herunter regeln. Versuche es mal mit 0.5em.
Sollte das ganze nicht greifen, dann muss du ein !important dahinter setzen.

Vergesse nicht Cache zu leeren.

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Verfasst: 20.05.2018 11:13
von Tastenplayer
Das ist bei mir als Lösung gekommen:

Code: Alles auswählen

.cc-theme-classic :last-child.cc-btn {
    min-width: 100px;
}
min-width normal ist 140px - kannst Du auch noch weniger breit machen

Code: Alles auswählen

.cc-color-override--1687565279 .cc-btn{
    padding: 0;
}
padding 0 strumpft die Höhe des Buttons

[ externes Bild ]

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Verfasst: 21.05.2018 11:38
von mystica99
Ich danke euch beiden!

Bin jetzt ein paar Tage unterwegs, werde es aber direkt nach meiner Rückkehr versuchen.

Toller Support hier.

LG

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Verfasst: 27.05.2018 20:17
von mystica99
Hat prima funktioniert!

Danke :)

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Verfasst: 09.10.2018 19:01
von MeinBenutzername
Um das Design zu ändern muss Ich also "nur" die cookieconsent.min.js bearbeiten?

Re: [3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

Verfasst: 13.10.2018 13:54
von Tastenplayer
assets-cookieconsent-cookieconsent.min.css

Aber einfacher geht das doch definitiv, wenn man diese Änderungen direkt in die style.css einfügt.