FAQ

Purchase and Licenses

Please also see the FAQ section under Pricing.

Can I purchase a license for a longer period?

It is possible to purchase a license for 3 years or more. The details depend on the specifics of your projects and are discussed individually. Please reach out if you are interested.

Can I pay via wire transfer?

If you intend to purchase a Small Agency license or an individual package in Euros, we can generate an invoice for you to pay via wire transfer to our bank account.

Please reach out if you are interested in this.

Can I purchase without a subscription?

Yes, this can be arranged if you purchase a larger license and pay upfront, as described above.

Features

Which image files are detected?

Image Source Control detects any image files embedded in the HTML of your website. This includes image paths in <style> and <script> blocks.

The following image files might not be detected:

  • Background images loaded in CSS files. However, Elementor background images are detected due to a special implementation.
  • Image URLs without a file extension if they are not within a src attributes. This is extremely rare.
  • Encoded image URLs. E.g., when a lazy load plugin encodes image URLs to prevent them from loading until a certain event. A solution has to be checked individually. At the moment, I don’t know any unresolved cases.

Can I use overlays on background images?

Yes, that is possible. See Displaying Image Captions for Background Images for more information.

Due to the complexity and variety of implementations of background images, you might want to consult your web developer with testing and adjustments. Our Small Agency clients can reach out through support to get help.

Image Source Control supports background images in Elementor without known limitations.

Can I use an overlay with Sliders?

The sliders we have seen so far break when the overlay HTML is injected. This is why we’d recommend using the Per-page list to display image sources for pages with a slider on them.

Developers can try the options listed under Displaying Image Captions for Background Images to place the image source themselves. Please let us know if you find a solution for a certain slider that we can recommend to others.

Limitations

Why are there no links in some overlays?

If an image source overlay is placed above a background image and the background image itself is a link, the links in the overlay text are disabled. Otherwise, the HTML code and layout might break completely.

Adjustments

How can I adjust the font size?

You can adjust the font styling in overlays and Per-page lists using custom CSS.

You can place the CSS snippets listed below using one of the following ways:

  • In the styles.css of your theme – ideally, a child theme.
  • Through Appearance > Customizer > Additional CSS
  • For block themes, through Appearance > Editor > Styles
    • Click on the edit icon
    • Click on the “Styles” icon at the top right
    • Click on the three vertically aligned dots
    • Choose “Additional CSS”

Overlay

An example to reduce the font size.

.isc-source-text { font-size: 0.8em !important; }Code language: CSS (css)

Per-page list

An example to reduce the font size.

.isc_image_list_box { font-size: .8em; }Code language: CSS (css)

How can I add an icon to the overlay?

You can add an icon to the overlay using either the isc_overlay_html_source filter in PHP or CSS. For the PHP filter, please take a look at the plugin code to learn more.

Use .isc-source .isc-source-text:before to add an element before the text. Here is a draft for some CSS that adds an SVG image icon. Please find a tool online to convert an SVG into a data URL.

.isc-source .isc-source-text:before {
    content: url('data:image/svg+xml;base64,...'); /* replace ... with your Base64 encoded SVG */
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px; /* Adjust spacing between the icon and text */
    vertical-align: middle; /* Aligns the icon with the text */
}Code language: CSS (css)

Can I disable ISC on certain pages?

You can disable Image Source Control completely on certain pages or page types.

Use the isc_public_excluded_post_ids hook to do this. See How to disable image sources for details, examples, and further options to disable image sources.

Can I enable ISC fields in the block options and media overlay?

By default, when editing a post or page, you will only see ISC fields in the options of image blocks or when uploading an image in the media overlay. Enabling both could cause them to override each other.

However you can enable both using the following PHP snippet.

add_filter( 'isc_force_block_options', '__return_true' );Code language: JavaScript (javascript)

When set, the block option plugin setting is visually disabled.