Radio Facts

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


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

Subscribe to Radio Facts

* indicates required

Related posts

Black Man Tells How Street Life Got him to 1000 Pounds (video)

Radio Facts

Motown Records 1974 Picnic with Label’s Stars (video)

Radio Facts

Les Brown and his 51-Second Powerful Message to Change Your Life (video)

Radio Facts

When a Judge Realizes She Knows a Man She’s About to Sentence (video)

Radio Facts

Woman Sues Kelloggs For 5 Million Over Stingy Pop-Tart Filling (video)

Radio Facts

Suspect Arrested for Robbing, Shooting, and Killing a DoorDash Driver

Radio Facts

Woman Raped on Commuter Train, Passengers Opt to Film Instead of Help

Radio Facts

See Woman Barely Escape Man Trying to Break Into her Apartment (Video)

Radio Facts

Kelly Price Talks States She Almost Died and Doesn’t Communicate with her Family Often

Radio Facts

Leave a Comment