1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Resize Embedded Youtube Video on Product Page

Discussion in 'Free Divi Community Forum' started by Shirisha, Jan 23, 2021.

  1. Shirisha

    Shirisha New Member

    Hello Team,

    I am somehow unable to reduce size of the youtube video on product page.
    I have pasted the embedded code in classic editor where it is resized to youtube's default dimensions (560X315). However on the front end player is showing in full screen. Here is the link
    - https://rajatbookcorner.com/books/featured-book-of-the-month/

    Please revert to the query as soon as possible.

    Thank you
    Shirisha
     
    #1 Shirisha, Jan 23, 2021
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  2. Problemizer.com

    Problemizer.com Divi Expert

    Hello Shirisha,

    I hope that you are doing well.

    You can reduce the size with CSS in your case.

    Code:
    Log In or Sign Up to view this code.
    Let me know if that worked.

    Best regards,
     
    #2 Problemizer.com, Jan 24, 2021
  3. Shirisha

    Shirisha New Member

    Hello Problemizer.com,

    Thank you for the quick response.

    The player has been reduced to 50% width with the code you have given. However when I checked other videos on page
    their sizes have been reduced as well which makes the page look unaligned. Please find screenshots of the page before and after adding the code.

    I want to reduce the size of the particular page (www.rajatbookcorner.com/featured-book-of-the-month/).

    Additionally if there is a way that the player can be reduced in a square box, please let me know.

    Glad for the help.
    Regards
    Shirisha Bhatnagar
     

    Attached Files:

    #3 Shirisha, Jan 24, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  4. Problemizer.com

    Problemizer.com Divi Expert

    Here is the updated CSS, for only one product page you wanted.
    Code:
    Log In or Sign Up to view this code.
    Let me know if that worked.
     
    #4 Problemizer.com, Jan 25, 2021
(You must log in or sign up to post here.)