Die Farben des Countdown-Widgets umkehren

Folgen

  Dieser Artikel bezieht sich auf unsere neue Experience-Manager-Plattform.

Wenn Sie EventMobi-Kunde sind und manage.eventmobi.com benutzen, ist Ihr Konto auf unseren klassischen Content Manager eingestellt. In diesem Fall besuchen Sie bitte support.eventmobi.com

Dieses Snippet kehrt die Hintergrundfarbe des Countdown-Widgets und die Hintergrundfarbe der Zahlen um. 

Vorher  Nachher
Screen_Shot_2017-07-04_at_2.01.13_PM.png Screen_Shot_2017-07-04_at_2.01.01_PM.png 

Um die Farben anpassen zu können, müssen Sie die Hex-Codes für die Farben eingeben (Hex-Codes beginnen mit # und sind unten als #fff und # 635fd9 zu sehen). Eine großartige Ressource, um den Hex-Code für Ihre gewünschten Farben zu finden, ist http://www.colorpicker.com/.

Code:

/*Countdown Farben umkehren */
.widget-countdown-number {
   background: #fff;
}
.widget-countdown {
   background-color:#635fd9;
}
.widget-countdown-block span {
   margin-bottom: 5px;
   line-height: .4em;
   display: block;
   color: white;
   font-weight: bolder;
}

.widget-countdown-title {
   color:white;
}
.widget-countdown-number {
   color: #61596a;
}
0 von 0 fanden dies hilfreich

Kommentare

0 Kommentare

Zu diesem Beitrag können keine Kommentare hinterlassen werden.