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:
.main-navigation .inside-navigation { border-top: 0.5px solid #d4d7d8; }
.main-navigation ul li:after { background-color: #000; }
.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 ; border-color: inherit; border: 1px solid; }
.wpsp-card, .wpsp-card a, .wpsp-card .wp-show-posts-meta a, .wpsp-card .wp-show-posts-meta a:visited { color: #fff; }
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; }
.post-nav { padding: 6px 12px; border-radius: 3px; font-size: 0.7em; text-transform: uppercase; background-color: #ff1956; color: #fff ; }
Watch Wrestling UFC Fight Night St. Louis: Lewis vs Nascimento 5/11/24 11th May 2024 Live…
Watch Wrestling NJPW Resurgence 2024 5/11/24 11th May 2024 Watch NJPW Resurgence 2024 5/11/24 11th…
Watch Wrestling AEW Collision 5/11/24 11th May 2024 Watch AEW Collision 5/11/24 11th May 2024…
Watch Wrestling AEW Rampage 5/11/24 11th May 2024 Live Online Watch AEW Rampage 5/11/24 11th…
Watch Wrestling NJPW BEST OF THE SUPER Jr.31 2024 5/11/24 11th May 2024 Watch NJPW…
Watch Wrestling WWE Smackdown 5/10/24 10th May 2024 Live Online Watch WWE Smackdown 5/10/24 10th…