Design von Banner kompakter gestalten?

  • Resolved David181

    (@david181)


    4 years, 6 months ago

    Hi @pascalbajorat,

    vielen Dank für das tolle Plugin. Die M?glichkeit Consent-Banner und GA-Tracking zu verbinden ist ein gro?artiger Ansatz.

    Eine Sache fehlt mir aber noch: Die Schrift, die Gr??e der Buttons, Abst?nde zum Rand, etc. sind noch sehr gro?. Gibt es eine M?glichkeit die zu konfigurieren, um den Banner unterm Strich “kompakter” darzustellen?

    Ohne diese Anpassungen versperrt er gefühlt zu viel der Seite, sodass ich ihn noch nicht produktiv nehmen m?chte.

    Vielen Dank!

Viewing 14 replies - 1 through 14 (of 14 total)

  • Hallo David,

    nachdem ich selbst nach einer L?sung gesucht und nichts gefunden habe, habe ich vorübergehend die Notice im WordPress-Customizer so angepasst:

    /*Cookie Notice kleiner*/
.cc-window.cc-floating {
	padding-left:30px;
	padding-right:30px;
	padding-top:15px;
	padding-bottom:5px;

}

.cc-revoke, .cc-window{
	font-size: 13px;
}

.cc-floating {
    border-radius: 0px;
}
    Plugin Author PascalBajorat

    (@pascalbajorat)

    @david181 @silencerocks

    Danke, ja CSS über den Customizer ist tats?chlich die beste L?sung für eigene Darstellungen. Wir m?chten das Plugin nicht für jede m?gliche Variante mit CSS-Einstellungen für jedes einzelne Attribut überladen.

    Dank für das Teilen deiner CSS Einstellungen, silencerocks.

    Thread Starter David181

    (@david181)

    Hi @silencerocks,

    vielen Dank für das Teilen deiner Settings.
    Gibt’s eine Seite, wo man die Optik sich nun mal anschauen k?nnte? Oder k?nntest du vielleicht einen Screenshot posten?

    Vielen Dank!

    Hallo David,

    https://ibb.co/hV5Lbx7

    zeigt die Ansicht auf einem IPhone.

    Auf dem Desktop wird es ein kleines Element rechts unten:

    https://ibb.co/nwHRZSY

    Ich hoffe, das hilft Dir weiter.

    Bitte beachte, dass der Text unter Umst?nden nicht rechtssicher ist.

    Liebe Grü?e

    Thread Starter David181

    (@david181)

    Toll, vielen Dank! ??

    Thread Starter David181

    (@david181)

    Hi @silencerocks, hi @pascalbajorat,

    bl?de Frage hinterher: Wo pflege ich den CSS-Code am besten ein? In den Plugin-Einstellungen finde ich kein Feld für zus?tzliches CSS.

    Vielen Dank!

    Im “Zus?tzliches CSS” des Customizers. Dann gilt der CSS-Code für alle Seiten.

    Den Customizer findest Du unter “Design”, “Customizer”.

    lg

    Thread Starter David181

    (@david181)

    Hi @silencerocks,

    super, das hat geklappt.
    Siehst du noch eine M?glichkeit den Innenabstand so zu reduzieren?

    Siehe grüne Markierung:
    https://snipboard.io/FoBX9a.jpg

    Den würde ich mobile gerne noch reduzieren, um m?glichst viel vom Viewport sichtbar zu machen.

    Vielen Dank!

    Hallo,

    Du kannst die Abst?nde verringern, indem Du die Zeilen mit Padding ?nderst, z.B. auf 

    .cc-window.cc-floating {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:5px;

}

.cc-revoke, .cc-window{
	font-size: 13px;
}

.cc-floating {
    border-radius: 0px;
}

    lg

    • This reply was modified 4 years, 3 months ago by silencerocks.
    Thread Starter David181

    (@david181)

    Hi @silencerocks,

    die habe ich schon ge?ndert auf

    	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:5px;

    Damit ist der Screenshot entstanden. Selbst bei 0px überall ergibt sich immer noch ein Innenabstand, den man darüber nicht vollst?ndig weg bekommt.

    Danke für deine Hilfe!

    Also wenn ich alle paddings auf 0 setze, hab ich keine Abst?nde zum Rand mehr.

    	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;

    Smartphone Vorschau
    Desktop Vorschau

    Vielleicht postest Du kurz den Link zur Website (falls online).

    • This reply was modified 4 years, 3 months ago by silencerocks.
    Thread Starter David181

    (@david181)

    Hi @silencerocks,

    die Screenshots scheinen gerade bei mir nicht zu funktionieren – wahrscheinlich hakt es gerade beim Hoster.

    Bei Schriftgr??e 12px und alle paddings auf 0px sieht die Box bei mir so auf Desktop aus – immer noch sehr viel Innenabstand zwischen Text und Box bzw. Text und Button:

    https://i.ibb.co/tcSHxmJ/200812-0001.png

    Danke dir!

    Also die Screenshots funktionieren bei mir.

    Auch das Padding mit 0px funktioniert bei meiner Website einwandfrei – da gibt es keinen Abstand zwischen Boxrand und Text. Wenn Du den Link Deiner Website posten m?chtest, kann man vielleicht im Inspector von Chrome sehen, woran es liegt. Ansonsten wei? ich per Ferndiagnose leider nicht mehr weiter.

    lg

    Thread Starter David181

    (@david181)

    Vielen Dank für deine Hilfe.
    Ich vermute, mein Theme funkt da irgendwie rein oder überschreibt die Settings. Ich fuchse mich mal rein. ??

    Danke nochmal!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Design von Banner kompakter gestalten?’ is closed to new replies.