Thursday, June 17, 2021
Home Uncategorized How to change the Custom Colors

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

Previous articleStyle Guide
Next articlePage and Post Heroes
RELATED ARTICLES

Complimentary Decor and Design Recommendation with Summit Park Estates

We woke moderately late following the feast and free flowing wine the night time earlier than. After gathering ourselves and our...

Inside Designer and Maude Interiors by Yvonne Designs

We woke fairly late following the feast and free flowing wine the night time earlier than. After gathering ourselves and our...

Trendy Monochrome House with Calm and Cosy Terrace and Steps

We woke moderately late following the feast and free flowing wine the night time earlier than. After gathering ourselves and our...

Most Popular

Not looking for posts however self-respect: Sachin Pilot loyalist

Former Speaker of Rajasthan Meeting and Congress MLA from Srimadhopur, Deependra Singh Shekhawat, who's among the many 18 legislators loyal to former deputy...

West Bengal: 3,187 contemporary Covid instances recorded, 68 extra die

The COVID-19 state of affairs in West Bengal has been steadily enhancing over the previous few days, with the every day positivity price...

Ram Temple belief additionally purchased 1.03-hectare plot instantly from homeowners for Rs 8 crore

OFFICIAL data present that the Shri Ram Janmabhoomi Teerth Kshetra Belief bought two parcels of prime land — 1.208 hectares and 1.037 hectares...

Home panels meet, Adhir, BJP conflict over elevating vaccine difficulty

The conferences of the Standing Committees of Parliament kicked off Wednesday, after a two-month hole, to heated exchanges on the Public Accounts Committee...

Recent Comments