Hallo Leute,
ich habe mir heute ein Cookie Plugin heruntergeladen und es mit Hilfe der css Datei direkt auf meine Wünsche angepasst. Leider sieht die Anzeige jetzt auf großen Bildschirmen perfekt aus, aber auf dem Smartphone ziemlich schlecht. Ich habe versucht das Problem zu lösen, was nicht geklappt hat. Deswegen hier der Code. Kurze Anmerkung: Was ihr oben sehen könnt codiert für die Einstellungen des Akzeptier-Buttons, welcher für große Bildschirme perfekt ist, aber für Smartphones nicht hin haut. Unten mein Versuch diesen für Smartphones zu optimieren. Leider werden die Einstellungen dann auch sofort für große Bildschirme übernommen. Hier der Code:
CSS
}
.ginger-accept, .ginger-dismiss, .ginger-disable{
width: 160px;
float: left;
text-align: center;
margin-top: 2px
margin-bottom: -10px
display: block;
padding: 8px 16px !important;
background-color: #f1d600;
color: #111;
margin-right: 129px
text-decoration: none !important;
font-size:12pt !important;
font-weight: 600;
letter-spacing: -0.05em;
transition:background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
-moz-transition:background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, -moz-box-shadow 0.2s ease-in-out 0s;
-webkit-transition:background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s;
<style>
@media (max-width:633px) !important; {
.ginger-accept, .ginger-dismiss, .ginger-disable{
margin-top: 8px !important;
margin-bottom: 6px !important;
display: block;
padding: 8px 16px !important;
background-color: #f1d600;
color: #111;
margin-right: 12px !important;
}}
</style>