Youtube vids full width

  • Resolved Marvin0341

    (@marvin0341)


    2 years, 4 months ago

    Hi all,

    I have a problem with embedding Youtube videos on a website i’m building. The videos are displayed with a very narrow width on desktop. On mobile it looks okay, but on desktop I would like the vids to be full width (or at least bigger than now).

    As you can see on this page below, the Youtube videos are rather small; https://dumbelloefeningen.nl/dumbell-oefeningen/dumbell-biceps-oefeningen/

    Is this something I can fix with a Colibri setting or has anyone got a CSS solution?

    Thanks in advance!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • cristianbarbu

    (@cristianbarbu)

    2 years, 4 months ago

    Hello,
    ​
    ​Please add this extra CSS code in Customizer -> General Settings -> Additional CSS :
    ​

    @media screen and (min-width: 1024px){
    .wp-block-embed__wrapper iframe{
    width:900px!important;
    height:600px!important;
    }
    }

    Thread Starter Marvin0341

    (@marvin0341)

    2 years, 4 months ago

    Thank you very much, it works! 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Youtube vids full width’ is closed to new replies.