Skin main: Full width not respected for videos

Created on 31 July 2024, 4 months ago
Updated 15 August 2024, 3 months ago

I have a slider block created with a view in Slick Carousel format with fields body, link and media. Media field contains either an image or a video. In Settings of the Slick Carousel in Format section of the view I have set Full width in Skin main (attached image) which works fine for images but is not respected for videos which are rendered in size 180 px x 180 px.

💬 Support request
Status

Fixed

Version

3.0

Component

Documentation

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @kaipipek
  • I tested with Olivero theme and same behaviour: video is tiny and images are full width.

  • Status changed to Fixed 4 months ago
  • 🇮🇩Indonesia gausarts

    Thank you.

    > video is tiny
    It needs Aspect ratio option filled in if using Blazy formatter.

    Click Content:Media, choose Blazy Media formatter, and adjust anything else, including Aspect ratio.

    If non-blazy, regular CSS .slide iframe { width:100% } will do, but you will have trouble with responsiveness if not good at CSS.

    Hence Blazy formatter is your best bet. Aspect ratio makes responsive videos/iframes for free.

    Keep using Olivero or better install Bartik, till you get it right, in case your customization is the culprit.

    Olivero has issues with Slick/Splide specific for Views blocks with nested grids. Bartik is less problematic.

    Search solutions in Splide project issues, if using Olivero as a base theme.

  • I already tested literaly all combinations of Content:Media settings, but none of them seem to affect how the video or image is displayed.

    I suppose I have to try the CSS route.

  • 🇮🇩Indonesia gausarts

    Try filling in Image style to relevant aspect ratio, or use Slick media image style if any.

  • 🇮🇩Indonesia gausarts

    Try filling in Image style to relevant aspect ratio, or use Slick media image style if any.

  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.71.5 2024