Image Compare in Block editor is toooo large

  • Hi everyone!

    I use block-editor/jetpack Image comparision block. My theme uses 80% of the screen space in desktop mode. But in a case of large or broad screen – the image comparision block also grows and it became larger than the images itself (so it scales them up).

    I was trying to limit the maximum size of the block with CSS and/or HTML but without success.

    What to do?

    At other pages I use BEAF but at this page it doesn’t work well due a lot of other scripts to run so I have to use build it block.

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

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

  • “I was trying to limit the maximum size of the block with CSS and/or HTML but without success.”

    What and what have you done so far?

    Thread Starter kvv213

    (@kvv213)

    "What and what have you done so far?"

    Actually a number of small things like wrapping the block with div with set maximum-size, manipulating with styles applied to the figure section. The maximum I was reached – reducing the size of one image of two only.

    Moderator bcworkz

    (@bcworkz)

    The block’s dimensions are set dynamically via script, so I would expect the responsible script would need to be modified to not exceed a certain dimension. If you need further guidance on how that might be accomplished, I recommend you ask in Jetpack’s dedicated support forum.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image Compare in Block editor is toooo large’ is closed to new replies.