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;
}

Please follow and like us:
fb-share-icon
Tweet
fb-share-icon
Articles similaires:
Dominé par ma belle tante, Maîtresse dominatrice expérimentée (4)
Fantasme de Candaulisme
Déjeuner avec formatrice dominatrice : Rencontre du métro (3)
Ma camarade d'école dominatrice ? : le jeu continue (2)
La lope soumise de Maîtresse Clara (5)
Homme soumis à l'essai (3)
Vittoria : ma vie d'épouse Femdom (2)
Aux prises avec une ancienne élève, Maîtresse dominatrice (5)
Révélation de mon âme d'homme soumis (4)
Homme soumis à "l'hypnotiseuse"(4)
Hooks - Custom Theme Elements
LE FANTASME DU DRESSAGE PAR UNE CAVALIÈRE DOMINATRICE (7)
Esclave de Maîtresse Leslie, magnifique Femdom !
Maîtresse S.
Fantasme d'être soumis à une femme
Homme soumis aux prises avec une ancienne élève (1)
Previous

Style Guide

Page and Post Heroes

Next