› Rooms › Modules › Remove parentheses from countdown timer? › Reply To: Remove parentheses from countdown timer?

13 July 2023 at 11:56 pm #4142
Terry Hale
Keymaster
    @mizagorn
    DiviCom Big Supporter Badge First Steps Badge DiviCom Responsiveness Badge Code Savant Badge New Beginnings Badge
    DiviCom Participant Badge
    Up
    2
    Down
    ::
    You can do it with some CSS like this:
    .days.section.values p.label {
    color: transparent; // hide "Day(s)"
    }
    .days.section.values p.label:before {
    content: "Days";
    color: white; /* set to appropriate color */
    padding-left: 40px; /* adjust as needed, can use margins */
    }
    Or use jQuery in a Code module below the countdown module:
    <script>
    (function($) { $(document).ready(function() {
    $(".days.section.values p.label").html("Days");
    $(".hours.section.values p.label").html("Hours");
    $(".minutes.section.values p.label").html("Minutes");
    $(".seconds.section.values p.label").html("Seconds");
    }); })(jQuery);
    </script>