MediaWiki:Citizen.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* All CSS here will be loaded for users of the Citizen skin */

/* --- Custom Citizen CSS Overrides --- */

/* 1. Larger base font size */
html.skin-citizen {
    --citizen-font-size-base: 1.3rem; /* default ~1rem */
}
body.skin-citizen {
    font-size: 1.3rem !important;
}

/* 2. Larger logo image in the header */
.skin-citizen .site-header__logo img,
.skin-citizen .site-header__logo picture img {
    max-height: 120px !important; /* increase as desired */
    height: auto !important;
    width: auto !important;
}

/* Adjust header to fit larger logo */
.skin-citizen .site-header {
    min-height: 130px !important; /* match or exceed logo height */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* 3. Optional banner background across the header */
.skin-citizen .site-header {
    background-image: url("https://wiki.historyofowensboro.com/images/yourbanner.jpg"); /* change to your banner URL */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* min-height already set above, adjust to show more banner */
}