Support » Plugin: Stackable - Gutenberg Blocks » Card image height

  • Resolved a4jp . com

    (@a4jpcom)


    Is there a way to set the image to show the complete height of the image? For some reason my image is getting cropped.

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

    (@bfintal)

    Hi, sorry the card image is fixed at 300px to maintain equal heights across the all cards.

    You can override the size and tweak the position of the image by adding some CSS in your Customizer.

    For example, add a my-card custom class for the Card block, then in your Additional CSS:

    .ugb-card.my-card .ugb-card__image-container {
        height: 400px;
        background-position: top center;
    }
    Plugin Author Benjamin Intal

    (@bfintal)

    resolving

    Thank you so much for this.

    It would be cool having a setting to set the height or just have auto height set so the whole image shows.

    Also and option to make the entire card clickable so it jumps to a URL of choice.

    Is there any way I can help out with programming?

    I’d be happy to help out as this is free for everyone.

    Thank you for making such a useful plugin.

    Plugin Author Benjamin Intal

    (@bfintal)

    We have our Github repo here: https://github.com/gambitph/Stackable

    The repo still needs a lot of work though 🙂

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