/* 1. Force shrink the specific green numerical image or text element */
[class*="jo_visitor"] font,
[class*="jo_visitor"] counter,
[class*="jo_visitor"] iframe,
[class*="jo_visitor"] table,
div[class*="counter"] font {
    font-size: 28px !important;
    max-height: 40px !important;
}

/* 2. Lock down the exact parent container size */
div.mod-custom font,
.custom-visitor-header + div font {
    font-size: 28px !important;
}

/* 3. Keep the rest of your footer text at its normal, legible size */
footer .mod-custom, 
footer div:not([class*="jo_visitor"]), 
footer td, 
footer span {
    font-size: inherit; 
}
/* Target the precise Bootstrap classes used inside this module */
.mod_jovisitorcounter .counter-container p.h1,
.mod_jovisitorcounter .h1.text-center {
    font-size: 24px !important;
}