Responsive max height

  • Resolved noname1

    (@greyisgood)


    2 years, 9 months ago

    Hi, great plugin, I tested all the sliders, and this is the cleanest and best for the block editor.

    My page content sits in a wide responsive div using Bootstrap grid. The slider is 100% within this. This is great for landscape orientation content, but if one of the content is portrait orientation, it makes the whole slider massive, and will leave large gap underneath.

    Is there an easy way to globally set a max height, and all content scales and centers within slider?

    thanks for your help

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter noname1

    (@greyisgood)

    as an example, jetpack slideshow does this automatically.

    Plugin Author Virgildia

    (@virgildia)

    Hello @greyisgood ! Great to know that you are finding the plugin useful! At this time Carousel Block does not have an option for adaptive or max height. You will have to set this with custom CSS.

    This feature will be available in future versions.

    • This reply was modified 2 years, 9 months ago by Virgildia.
    Thread Starter noname1

    (@greyisgood)

    not really a feature request… fixed it 

    .wp-block-cb-carousel .wp-block-image > img {
  max-width: 100%;
	  max-height: 800px;
object-fit: contain;
  width: auto;
  height: auto;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive max height’ is closed to new replies.