Image caption for an Odoo image gallery. Add an inline caption to a image in an image gallery.

odoo_image_caption.html

Website assets:

    <style>
        .image-caption {
            background-color: #000;
            opacity: 0.7;
            position: absolute;
            width: 600px;
            padding: 8px 10px;
            left: 50%;
            margin-left: -300px;
            bottom: 77px;
        }
        
        .image-caption p {
            margin: 0;
            font-size: medium;
            color: #fff;
        }
    </style>


In the image gallery after the <img>-tag:

    <section class="image-caption">
      <p>Das ist die Bildunterschrift</p>
    </section>

You only have to edit the width in the <style>-tags according to the width of your images, the margin-left to the half of your width and the bottom (there you have to try).