Template:Help:Image overlay text

The extension enables text overlays to assist with translating images that contain text.

• Enable this mode by adding the class=lloverlay parameter to the image (see example below).
• The specified caption text will then be overlayed over the image itself.
• This will only work with frameless images that are left, center or right aligned.

Example

Рейды, Гильдии, Боевая Система

Template:Ashes of Creation Wiki menu/ru

[[File:DungeonsRaidsMonsterCoinsGeneric.png|right|500px|link=Player interaction|class=lloverlay|Рейды, Гильдии, Боевая Система]]

Custom overlay styles

To use a custom image overlay style, use class=lloverlay-custom. Your custom CSS class will be .image-lloverlay-custom.

Example

CSS for custom image overlay with red text: class=lloverlay-redtext

.image-lloverlay-redtext {
     color: #f00;
     font-size: 30px;
     line-height: 1.5em;
     text-shadow: 2px 2px 2px #000;
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     pointer-events: none;
}