Support » Theme: Astra » Adjust Size Of Embedded You Tube Video

Adjust Size Of Embedded You Tube Video

  • Resolved writeeuser

    (@writeeuser)


    2 years, 4 months ago

    I have switched to Astra from Writee
    I have some questions
    How do I make the youtube video on my home page smaller
    And how do I put the information in the “Get Quote” button ?

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

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

    (@zabavljaev)

    2 years, 4 months ago

    Perhaps so:
    <iframe width="560" height="315" src="https://www.youtube.com/embed/gdoWEqTa9qE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    Beaver Builder → Video → (General) Video Type – Embed, (Advanced) → for desktop: margins top 0, right:20%, bottom:0, left:20%; margins top 0, right:0, bottom:0, left:0 for phone and tablet

    Nikhil Chavan

    (@nikschavan)

    2 years, 4 months ago

    Hi @writeeuser,

    The solution given by @zabavljaev will work for you. Also, you could change the width and height using custom CSS – 

    iframe.youtube-player {
    max-width: 600px;
    height: 350px;
}

    Here is a doc which explains how you can add custom css to your site – https://wpastra.com/docs/adding-custom-css-code/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adjust Size Of Embedded You Tube Video’ is closed to new replies.

Views