MediaWiki:Common.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.

.mw-logo-icon {
    background-color: white; /* Set background to white */
    width: 100px; /* Set width to your desired size */
    height: 100px; /* Set height to the same value as width */
    border-radius: 50%; /* Make it a circle */
    display: flex; /* Center content if needed */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
    overflow: hidden; /* Prevent overflow if necessary */
    position: relative; /* Positioning context for child elements */
}

.mw-logo-icon img {
    width: 100%; /* Ensure the image fits within the circle */
    height: auto; /* Maintain aspect ratio */
    position: absolute; /* Positioning to avoid overflow */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for centering */
}