Choctaw Casinos

How Click Here Labs handles ACF Fields

On this site, ACF creates a json file that can be pushed and pulled through the environments via our github repository. Our process is to 1.) update ACF fields locally, 2.) commit, push to environment, 3.) sync fields in ACF on environment. So all ACF fields are managed in our codebase. — Jason Mallot

Editing the Countdown Color Scheme

Overview

• Powered by: countdown.php (template-parts/locations/countdown.php)
• ACF Field: Locations Modules -> Locations Modules (Flexible Content) -> Countdown (Layout) -> Color Scheme (Select)
• How it works: The ACF Select field “Color Scheme” is used to inject a class onto a containing div (#clockDiv) and its child span elements are styled. <div id="clockDiv" class="<?php the_sub_field('color_scheme'); ?>">

Changes Made (12/20/2023)

• Added the following code block to countdown.php (template-parts/locations/countdown.php) before the closing </style> tag (lines 36–47).

.single-location .location-countdown #clockDiv.gradient-text-nye span {
    background: rgba(185, 130, 21, 1);
    background: -webkit-linear-gradient(45deg, rgba(185, 130, 21, 1) 0%, rgba(223, 167, 66, 1) 15%, rgba(245, 198, 99, 1) 24%, rgba(249, 199, 101, 1) 33%, rgba(195, 146, 46, 1) 53%, rgba(233, 204, 90, 1) 73%, rgba(245, 208, 94, 1) 79%, rgba(224, 183, 73, 1) 86%, rgba(192, 138, 3, 1) 100%);
    background: -moz-linear-gradient(45deg, rgba(185, 130, 21, 1) 0%, rgba(223, 167, 66, 1) 15%, rgba(245, 198, 99, 1) 24%, rgba(249, 199, 101, 1) 33%, rgba(195, 146, 46, 1) 53%, rgba(233, 204, 90, 1) 73%, rgba(245, 208, 94, 1) 79%, rgba(224, 183, 73, 1) 86%, rgba(192, 138, 3, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(185, 130, 21, 1) 0%, rgba(223, 167, 66, 1) 15%, rgba(245, 198, 99, 1) 24%, rgba(249, 199, 101, 1) 33%, rgba(195, 146, 46, 1) 53%, rgba(233, 204, 90, 1) 73%, rgba(245, 208, 94, 1) 79%, rgba(224, 183, 73, 1) 86%, rgba(192, 138, 3, 1) 100%);
    background: linear-gradient(45deg, rgba(185, 130, 21, 1) 0%, rgba(223, 167, 66, 1) 15%, rgba(245, 198, 99, 1) 24%, rgba(249, 199, 101, 1) 33%, rgba(195, 146, 46, 1) 53%, rgba(233, 204, 90, 1) 73%, rgba(245, 208, 94, 1) 79%, rgba(224, 183, 73, 1) 86%, rgba(192, 138, 3, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    position: relative;
    z-index: 1;
}

• Added the following option to the Color Scheme (Select) Field: gradient-text-nye : New Year's Eve