Changing Colors in Dispatch are mainly done via the Theme Customizer. Certain elements such as Page Heros are controlled within the Header Element and are covered in that article. There are a few colors that are controlled by CSS. The rules for them are found in the Customizer > Additional CSS:
Primary Navigation
Hairline Border above desktop navigation
.main-navigation .inside-navigation {
border-top: 0.5px solid #d4d7d8;
}
Menu item underline on hover
.main-navigation ul li:after {
background-color: #000;
}
Navigation Search
.navigation-search.nav-search-active {
background-color: rgba(255,255,255,0.95);
top: 100%;
}
Buttons
All of the colors are controlled via the customizer. However the button border inherits the color of the font. This is set by this CSS:
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited, a.wp-block-button__link:not(.has-background) {
pointer-events: initial !important;
border-color: inherit;
border: 1px solid;
}
WP Show Posts – Card Style
Entry Title, Summary and Meta text color
.wpsp-card, .wpsp-card a, .wpsp-card .wp-show-posts-meta a, .wpsp-card .wp-show-posts-meta a:visited {
color: #fff;
}
Gradient overlay
To improve contrast of text a subtle gradient overlay is applied to the cards content wrapper.
.wpsp-card .wpsp-content-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5% 8%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.35);
background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(0deg, rgba(80, 50, 50, 0.5) 30%, rgba(0, 0, 0, 0) 100%);
pointer-events: none;
}
Custom Featured Image Post Navigation Next/Previous
.post-nav {
padding: 6px 12px;
border-radius: 3px;
font-size: 0.7em;
text-transform: uppercase;
background-color: #ff1956;
color: #fff !important;
}
MAS NOTICIAS RELACIONADAS
Xiaomi 11T Pro trae carga de 120W, cámara de 108MP, Snapdragon 888 y más
Como prometió, Xiaomi finalmente ha presentado el 11T Pro y el 11T Lite 5G NE. Estos teléfonos no tienen la ...
Leer Más
Leer Más
Descargue los nuevos fondos de pantalla de iPhone 13 y iPhone 13 pro ahora mismo
Ahora puede continuar y descargar los nuevos fondos de pantalla de iPhone 13 y iPhone 13 Pro para cualquier dispositivo ...
Leer Más
Leer Más
La identificación facial debajo de la pantalla del iPhone 14 Pro, iPhone 14 Pro Max no se ha finalizado, dice un analista de pantallas
Poco después de que informamos que el iPhone 14 Pro y el iPhone 14 Pro Max incluirían Face ID debajo ...
Leer Más
Leer Más
Las 10 Tablets super economicas de $100 dólares
Hoy hemos escogido los mejores tablets economicas y de buena calidad a un precio de infarto que seguro que querrás ...
Leer Más
Leer Más
La nueva aplicación de mensajería de Google ya está disponible en Galaxy Watch 4
La serie Galaxy Watch 4 son los primeros relojes inteligentes con Wear OS 3.0 listos para usar, y aunque Samsung ...
Leer Más
Leer Más
Reparar macOS atascado en ‘Crear una cuenta de computadora’ en M1 Mac [Tutorial]
¿Tu Mac M1 está atascado en la pantalla "crear una cuenta de computadora" después de una nueva instalación? Cálmate, hay ...
Leer Más
Leer Más
Pokemon UNITE llegará a iOS y Android el 22 de septiembre
Finalmente hemos escuchado noticias sobre el puerto móvil de Pokemon UNITE . El juego llegará a los dispositivos Android e ...
Leer Más
Leer Más
Oferta impresionante reduce el precio de AirPods Pro a $ 189 [Ahorre $ 59]
Los AirPods Pro de Apple, nuevos, están disponibles por solo $ 189 por tiempo limitado. El trato le ahorra $ ...
Leer Más
Leer Más
Xiaomi se ha convertido ahora en el mayor fabricante de teléfonos inteligentes
Hace solo dos días, Xiaomi logró superar a Samsung y ocupó el puesto número uno como fabricante de teléfonos inteligentes ...
Leer Más
Leer Más