How to change the Custom Colors

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

Realidad virtual está mas cerca de todos nosotros

Realidad virtual: otro mundon para tus ojos

Cuando se trata de realidad virtual (VR), muchos de nosotros pensamos en películas de ciencia ficción como Minority Report. Sin ...
Leer Más
gafas de realidas virtual precios y características

Gias para comprar las gafas de realidad virtual: 2 modelos para toda las expectativas y presupuestos

Ahora que sabemos lo que se necesita para disfrutar de la realidad virtual, es el momento de elegir el modelo ...
Leer Más
tipos de cajas para montar un pc

Tipos de cajas para montar un ordenador

Las torres de PC vienen en todos los tamaños y colores, pero todas tienen elementos en común, lo que significa ...
Leer Más
cuaidado de un placa base y todo la limpieza

¿Una placa base bien cuidada es para siempre? o ¿Morirá igualmente?

La placa base es uno de los elementos más importantes de la PC (si no el más importante, ya que ...
Leer Más
Un dispositivo inalambrico dará problemas si dejo conectado

¿Es malo dejar conectado un dispositivo inalámbrico a un PC apagado?

Tener un dispositivo inalámbrico en la PC es muy normal en estos días, especialmente cuando se habla de ratones o ...
Leer Más

Cómo entrar en la BIOS de mi PC: Te enseñamos como hacerlo

Tarde o temprano, todos los usuarios deben ingresar al BIOS de la placa base de su computadora para verificar una ...
Leer Más
caundo cambiar la pasta termica de ordenador

Cuándo debo cambiar la pasta térmica: todo lo que debes saber

Cambiar la pasta térmica es un trabajo de mantenimiento básico para cualquier PC, aunque no debe tomarse a la ligera ...
Leer Más

Silla gamer thunderx3 tc5 para escritorios

Con doce opciones de colores brillantes y elegantes, puede expresarse y mostrar su propio estilo único. Esta silla para juegos ...
Leer Más
cómo elegir la silla gaming

cómo elegir la silla gaming que mejor se adapte a tus necesidades

Lo primero que llama la atención a la hora de comprar una silla gaming es sin duda la estética, pero ...
Leer Más