2 image-related Qs about GB2

  • Resolved Naomi Blindeman

    (@naomiblindeman)


    1 month ago

    Hi, thank you so much for this great new update. I am still becoming familiar with all of the new changes but there are two things I’ve run into that I would like to ask about.

    1. The new image element doesn’t seem to always have a figure element (only when there is a caption, I think) AND doesn’t seem to have a CSS-selector attached automatically. I tried adding one myself, but the class gets added to the image itself, so that doesn’t work either and even if it did work this makes it very difficult for a lightbox plugin to be compatible out of the box with GB2.0.
      I’ve been using Lightbox for Gallery & Image Block, which I’ve liked a lot, but when I asked to make it compatible with GB2 they said:
      “Unfortunately, there is no CSS class I can target for the link for the Lightbox. It’s quite unusual that there is no CSS class at all on the element. You could try to target all figure elements, but that’s just a workaround.
      add_filter( ‘baguettebox_selector’, function( $selector ) { return $selector . ‘,figure’; } )      “
      And considering that the figure tag isn’t always there either, this wouldn’t work.
      So my first question is, would you consider adding a standard CSS-selector that a lightbox plugin could target?
    2. My second question has to do with the new query block. If I have featured images in the query block, I would like to set the image size to one of the standard image sizes. I was expecting that option to be above the width and height boxes in the options panel but I don’t see them there. Have they been moved? Is it something wrong in my site? Or have they been removed?

    Thank you very much for your time!
    Kind regards, Naomi

    • This topic was modified 1 month ago by Naomi Blindeman. Reason: clarification
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support ying

    (@yingscarlett)

    1. gb image block is only a <img> element, it does not have a class added to the link, however, you can wrap it with a container, and set the container’s tag to figure, so you can create your own figure element, and add whatever class you want to the figure.
    2. If it’s a dynamic image, the size option is available when you set up the dynamic tag. here’s a screenshot for your reference:https://app.screencast.com/BudCkJo6d29s6
    Thread Starter Naomi Blindeman

    (@naomiblindeman)

    Hello Ying, thank you very much for your answer, very helpful. I found the image sizes in dynamic images. I’d used a template so I hadn’t seen that dialog screen yet but this is easy so thank you very much.

    In regards to my first question, on rereading it today, I feel I asked it very poorly. My problem is really that several of the lightbox plugins I use, use css-selectors on a figure or container element of some kind to hook into and attach the lightbox functionality to the image. This worked really well, and out of the box with GB1 and it stopped working with GB2 because the css-selector on a higher level container was removed.

    I like your suggestion and I see how I can add it and also how to add a css-class to the figure element when a photo has a caption. But it is a few too many steps to add a lightbox to a photo if you have to do it regularly. I just want that to work. I can do it, but some of my coworkers responsible for adding content can’t.

    I’ve been testing GB2 on our test site and had my coworkers try it out but they got very frustrated because they can’t find the options they need anymore (like how to make an image go to the right of the text and have the text flow around it) because words like layout, floats and position mean very different things to them. So we’ll be sticking with GB1 after all, but thank you very much for your time in answering and maybe I can use GB2 on a website of my own.

    Plugin Support ying

    (@yingscarlett)

    You are welcome ??

    ?But it is a few too many steps to add a lightbox to a photo if you have to do it regularly.?

    You can create a WP pattern which includes the figure container with desired class and an image block inside of it, it will be much easy and quick to add.

    And for the layout, v2 offers float options in the layout panel, you might’ve missed it.

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