Cover + Repeated background cannot offload image in html

  • When we insert a Cover with “Repeated background” turned on, the associated gallery image can be uploaded to cloudflare, but the generated html is still using the old local image url

    If we turned off “Repeated background”, the rerendered image url is using the cloudflare image url.

    We suspect it is because “Repeated background” is using “div + css background image” which fail the url transformation?

    If “Repeated background” is turned off, we see the html is using “<img>” and thus the image url can be transformed?

    Is it possible for the plugin to support transforming the css background image url in div?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Anton Vanyukov

    (@vanyukov)

    Hi @wingt,

    Is the background CSS inlined in the HTML or enqueued inside a separate CSS file?

    Best regards,
    Anton

    Thread Starter wingt

    (@wingt)

    Hi @vanyukov,

    The image is inlined in HTML, e.g.

    <div class="wp-block-cover__image-background ..." style="background-position:50% 50%;background-image:url(https://.../xx.jpg)"></div>

    Though the above inlined image cannot be transformed, we find another inlined image **can** be transformed, e.g.

    <div class="background ..." style="background-image: url(https//xxx/.../xx.jpg)">{some more inner html}</div>

    Plugin Author Anton Vanyukov

    (@vanyukov)

    @wingt, this should be solvable. I’m releasing a new version today, so this will go in the next one. I’ll post a beta link here for testing once it’s done

    Best regards,
    Anton

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.