Image Overlay

  • Resolved christa365

    (@christa365)


    1 year, 12 months ago

    The new update added this to all my images with overlays:

    a href=”” target=”” rel=”noopener”

    Now, all my images with overlays are links which reload the page. There is no way to resolve because the Spectra Image block offers no options to add or modify a link.

    This also happens whenever you copy and paste an image with an overlay.

    However, there is no link if you create a new image with overlay from scratch, or if you copy the style from an existing image (even one where a link was added after the update).

    • This topic was modified 1 year, 12 months ago by christa365.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter christa365

    (@christa365)

    I think the href needs to be removed from the “a” tag… it’s not added unless you copy an image block or update

    • This reply was modified 1 year, 11 months ago by christa365.
    Plugin Support mohsinbsf

    (@mohsinbsf)

    Hi @christa365 ,

    Thanks for getting in touch with us.

    I could not replicate the issue. Please let me know from which version you have updated to the latest version and please also share the screenshot or video of the image block settings so that I can replicate the issue and assist you.

    Looking forward to hearing from you.

    Have a nice day!

    Thread Starter christa365

    (@christa365)

    Hi,

    I updated from Spectra version 2.0.16 to 2.1.0. I am running version 3.9.4 of Astra and 6.1.1 of WordPress, and the only other plugin I have installed is Astra Widgets version 1.2.12.

    I can recreate the problem by:

    1. Add an image block. 2. Select overlay. 3. Copy and paste the image block. The original image remains fine, but the copied image has an href in the ‘a’ tag.

    HTML of original image w/ overlay:

    a class=”wp-block-uagb-image–layout-overlay-link ” target=”” rel=”noopener”></a

    HTML of copied image w/ overlay:

    a class=”wp-block-uagb-image–layout-overlay-link ” href=”” target=”” rel=”noopener”></a

    Due to the href, the image is now a link that refreshes the page.

    This does not happen if I merely copy the style. I have to copy the block itself. This has always happened as long as I’ve used Spectra (since last month).

    Unfortunately, the only two times I updated Spectra, it added hrefs to every image with an overlay. So now, even image blocks that were created from scratch and working fine now have href’s in the HTML after the update. And must be deleted and recreated to resolve.

    Screenshot of image block settings:

    Screenshot Spectra Image Blog w/ Overlay

    Hello @christa365,

    Thanks for writing back.

    I have been able to replicate this issue from our end. This is not an issue as this is the behavior of the overlay feature once it is added to the image, however, this is an improvement we can work on for the image block and remove the “href” that the overlay feature adds.

    I already shared this with the dev team also and rest assured once there is an update on this, I will let you know.

    Please let us know whether you have any other queries.

    Thread Starter christa365

    (@christa365)

    Adding an href with no option to assign a url means the image always refreshes the page if you click on it. And since the only way to see the on-hover overlay on mobile is to click on it – the overlay effect is never visible (because it immediately refreshes the page upon clicking).

    Offering the ability in the block settings editor to assign a url to the href would be optimal, assuming there was also the option to have no href at all on mobile.

    I get that the image overlay needs an anchor tag to have the on-hover effect, but it doesn’t need the href.

    Hello @christa365,

    We’ll work to improve this block.

    We are sorry for any inconvenience caused. We appreciate your feedback.

    Regards.

    Judith.

    Hello @christa365,

    It’s been a while since we heard from you.

    We’ll go ahead and mark this as resolved. Please feel free to open a new thread in case of any other queries.

    Regards.

    Judith

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Image Overlay’ is closed to new replies.