User:Ainali/bylines.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.

/* Style for the image bylines */
.image-byline {
    font-size: 12px;
    color: #777;
    text-align: center;
    margin-top: 4px; /* Space between the byline and the image */
    margin-bottom: 10px; /* Ensure space between byline and caption */
    font-style: italic;
    font-weight: normal;
    display: block;
}

/* Ensure the image container and byline have enough space */
img {
    margin-bottom: 10px; /* Add space between image and caption to accommodate byline */
}

/* Style for the container to prevent overlapping with captions */
figure,
.thumb {
    overflow: hidden; /* Ensure captions don’t overlap with the byline */
    margin-bottom: 15px; /* Add space between image and caption if needed */
}

figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
    margin-bottom: 10px;
}