Support » Plugin: Stackable - Gutenberg Blocks » Image Box: How to replace image?

  • Resolved gordoco

    (@gordoco)


    I created an Image Box, clicked on each of the columns to load an image from my Media library, added URLs to each image and edited the text for each image. Now I want to change one of the images. I cannot find anywhere that allows me to select a new image. Am I just not looking at the right place, or is there no way to replace an image in Image Box?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Benjamin Intal

    (@bfintal)

    Thanks for the report, I just checked things and you *should* be able to click on any “exposed” part of the image. The mouse cursor should change to indicate this. However, it seems that this isn’t working properly right now. We’ll fix it as soon as possible.

    For now, here’s a quick fix (which may be a little confusing) is to remove an image is to edit the block in the Code Editor mode. Click on the 3 dots on the top right of the page to access the Code Editor. 1) Remove the values at the head of the block, e.g. “imageURL2” and “imageID2” for the second image, and 2) remove the background-image style attribute of the corresponding box. For example:

    Clear the head of the block:
    <!-- wp:ugb/image-box {"imageURL2":"http://localhost:8888/wp-content/uploads/bdjkqwjdmc.jpeg","imageID2":1874} -->

    Remove it:
    <!-- wp:ugb/image-box {} -->

    Clear the background-image:
    <div class="ugb-image-box__item" style="background-image:url(http://localhost:8888/wp-content/uploads/bdkqmwne.jpeg);height:400px;text-align:center;justify-content:center;border-radius:12px">

    Remove the background-image style:
    <div class="ugb-image-box__item" style="height:400px;text-align:center;justify-content:center;border-radius:12px">

    After changing it, switch back to the Visual Editor.

    If you make a mistake, the block will become uneditable and will show an error. If that happens, just hit undo to bring back the old block.

    Thanks for the quick response! I’ll look forward to a fix soon.

    I’m experiencing the same issue at the moment. What would be useful is if there was a way to re-order the images as well.

    Plugin Author Benjamin Intal

    (@bfintal)

    I’m resolving this support thread, but I’ve created an issue in the repo about the bug, we can follow things there: https://github.com/gambitph/Stackable/issues/17

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image Box: How to replace image?’ is closed to new replies.