Fandom

Wikia Developers Wiki

ThumbImages

847pages on
this wiki
Add New Page
Talk1 Share

With this bit of code, you can modify some elements in thumb images. Even though this page features only some modifications that could be done, you could always ask the author, or use the talk page for asking more modifications. This code is optimized for light themes—though the hex values can be customized for darker themes.

Thumb Images

Thumb images are the same as the normal files, but instead, they provide a space for caption, and credit the user who has uploaded the file. These could be added via:

[[File:FileName.type|thumb|Xpx|alignment|caption]]
  • FileName to be replaced with a valid file name present in the wiki.
  • type to be replaced by a valid file type, permitted in Wikia.
  • Xpx to be replaced with a valid file size, in pixels (px).
  • alignment to be replaced with a proper alignment (left, right, or center)
  • caption to be replaced with any sort of caption.

Code

The code for this feature is as follows:

/* figcaption */
.WikiaArticle .article-thumb {
    border: 2px solid #000;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 3px 6px 3px 4px;
}
/* inner image */
.WikiaArticle .article-thumb .image img {
    border: 1px solid #000;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/* caption */
.WikiaArticle .article-thumb .caption {
    text-align: center;
    color: inherit;
}
/* remove attribution */
.WikiaArticle .article-thumb .attribution {
    display: none !important;
}

Effect

Normal Modified
ThumbImageNormal
ThumbImageModified

Known Bugs

  • None.

If you happen to find any bug within the code, report to the author or use the talk page.

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.