Image Overlay Cues is a WordPress plugin designed to enhance the core image block with an additional overlay count feature.

Freemius

Small Plugins

<p><strong>Image Overlay Cues</strong> is a WordPress plugin designed to enhance the core image block with an additional overlay count feature. This plugin simplifies the process of adding content cues on top of images.</p>
<h3>Features 🌟</h3>
<h3>Display automatic counts on top of the image</h3>
<p>You can add custom spacing between each individual list item with the help of this plugin.</p>
<h3>Customise the count (PRO)</h3>
<p>You can change the appearance of the count cue using the native editing controls provided by the plugin.</p>
<h3>Skip images if necessary</h3>
<p>You can also skip images and it will automatically be recounted.</p>
<h3>Customising the styles</h3>
<p><strong>Image Overlay Cues</strong> is made with customisation in mind and therefore provides a bunch of CSS variables you can tweak.</p>
<p>Here is an overview of available CSS variables which you can apply to the <code>is-style-ioc--image--count</code> class to match your specific design needs:</p>
<ul>
<li><code>--image-overlay-cues--image-count--size</code>: Default <code>1.2em</code>. Defines the size of the overlay cue.</li>
<li><code>--image-overlay-cues--image-count--top</code>: Default <code>0.5em</code>. Defines the top position of the overlay cue.</li>
<li><code>--image-overlay-cues--image-count--left</code>: Default <code>0.5em</code>. Defines the left position of the overlay cue.</li>
<li><code>--image-overlay-cues--image-count--text</code>: Default <code>#000</code>. Defines the text color of the overlay cue.</li>
<li><code>--image-overlay-cues--image-count--bg</code>: Default <code>#fff</code>. Defines the background color of the overlay cue.</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Navigate to any WordPress post/page editor.</li>
<li>Insert or select the core image block.</li>
<li>Enable the count using the toolbar button if you are a premium user. Otherwise, enable it via the block style “count”.</li>
</ol>


Alternatives to Image Overlay Cues

Top alternatives