MediaWiki:Citizen.css: Difference between revisions

/* 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 */
}