Gutenberg gallery caption text obscures link

  • I really like the look of the Gutenberg Gallery Blocks with caption descriptions,
    however we have customers who try to click on the test and tell us nothing happens.
    Of course you have to click above this mast.
    Is there a way to put the text below the image in this new Gutenbeg?
    I have scoured around and found conflicting reports on this.
    I realize it wouldn’t look as good.
    The best would be if the click command would permeate right through the current mast,
    which would retain that nice partially dark view.

    Any ideas or thoughts on this would be greatly appreciated.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hello,

    I’m still looking over this issue, but this looks to be a way to get over that:

    figcaption.blocks-gallery-item__caption {
    pointer-events: none;
}

    Let me know if that works out for you.

    Thanks!

    Thread Starter frankchamby

    (@frankchamby)

    Thanks very much Chris for your reply.
    I entered it in my Ascend Child Theme Style.css and nothing happened.
    Your help is appreciated though.
    Frankly I’m very surprised that this doesn’t come up more often.
    Nothing seems to be more fundamental then the ability to place a visual
    caption under a Gutenberg Gallery Block.

    Thanks again.
    Frank

    hannah

    (@hannahritner)

    Hi Frank,
    Apologies for the delay! Are you using Kadence Blocks? The Kadence Advanced Gallery block allows you to place the caption below the image. See here: https://www.kadenceblocks.com/custom-blocks/advanced-gallery/
    Would this work for you?

    Hannah

    Thread Starter frankchamby

    (@frankchamby)

    Thank you very much for your reply Hannah.
    It is kind of you to do so.
    I have downloaded Kadence Blocks and will work on it.

    Thanks again,
    Frank

    hannah

    (@hannahritner)

    Let me know if you need any guidance along the way!

    Best,
    Hannah

    @chrisdc85
    You wrote:

    figcaption.blocks-gallery-item__caption {
    pointer-events: none;
}

    Actually, the following CSS rule does work for me:

    .wp-block-gallery .blocks-gallery-item figcaption {
  pointer-events: none;
}
    Thread Starter frankchamby

    (@frankchamby)

    Thank you papijo
    I will work on this.
    Appreciative.

    Frank

    Thread Starter frankchamby

    (@frankchamby)

    Thanks Papijo
    It works beutifully for me.

    Very grateful for this.
    Frank

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Gutenberg gallery caption text obscures link’ is closed to new replies.