Set Video Width and Height In Additional CSS

  • Resolved S.L.

    (@drikting)


    3 years, 5 months ago

    How to set the YouTube videos embedded in any and all the posts on the site whatin3.com?

    No matter what I set in additional CSS, .wp-video or .wp-block-video or !important, it seems to have no effect at all.

    There are too many videos (no embed plugin) in the posts to set one at a time.

    Videos displayed on the posts are set to wide width. I want them not to be scrollable or fit to a certain size.

    The theme is Twenty Twenty.

    Any advice? Thanks.

    • This topic was modified 3 years, 5 months ago by S.L..
    • This topic was modified 3 years, 5 months ago by S.L..

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

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

    (@twentig)

    3 years, 5 months ago

    Hi,

    Do you want to globally change the video width (e.g. reduce from 1200px to 580px)?

    Yann

    Thread Starter S.L.

    (@drikting)

    3 years, 5 months ago

    Yes. Can you advise how?

    Thanks Yann.

    Plugin Author Twentig

    (@twentig)

    3 years, 5 months ago

    Open the Customizer > Additional CSS panel, and paste the following code (change the 58 rem value as you want):

    .single .wp-block-embed.alignwide {
    max-width: 58rem;
}

    Hope that helps,
    Yann

    Thread Starter S.L.

    (@drikting)

    3 years, 5 months ago

    Thanks Yann! That is exactly helpful! Managed to resize correctly all post videos without any plugin at all with just a few lines of code.

    If you don’t mind, would be good if you can point in the direction where one may learn these WordPress tricks. I googled but didn’t help.

    🙂

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

The topic ‘Set Video Width and Height In Additional CSS’ is closed to new replies.

Tags