MediaWiki:Common.css
Appearance
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 {
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 */
}