• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Issue with setting height as a percentage

Scheduled Pinned Locked Moved Unsolved Troubleshooting
3 Posts 3 Posters 831 Views 3 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • Z Offline
    zack949
    last edited by Feb 28, 2019, 1:09 PM

    I am trying to set the height of MMM-EmbedYoutube to 75% but when I do it uses the default 315px as specified in the modules configuration. If I use a 750 as the height it works fine. I can specify width with a percentage, but not height. Any help is appreciated.

    H 1 Reply Last reply Dec 25, 2022, 9:01 AM Reply Quote 0
    • H Offline
      Hualm @zack949
      last edited by Dec 25, 2022, 9:01 AM

      @zack949

      @zack949 said in Issue with setting height as a percentage:

      I am trying to set the height of MMM-EmbedYoutube to 75% but when I do it uses the default 315px as specified in the modules configuration. If I use a 750 as the height it works fine. I can specify width with a percentage, but not height. Any help is appreciated.

      'hey did you find a solution of this problem . I need to fix the same issue

      S 1 Reply Last reply Dec 27, 2022, 10:07 PM Reply Quote 0
      • S Offline
        sdetweil @Hualm
        last edited by Dec 27, 2022, 10:07 PM

        @Hualm the module is expecting the number of pixels high and wide.

        and hard codes that into the iframe tag properties.

        I don’t know if u can override that w css
        in custom.css

        .MMM-EmbedYoutube iframe {
             height: 75%;
             width: 75%;
        }
        

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • 1 / 1
        • First post
          Last post
        Enjoying MagicMirror? Please consider a donation!
        MagicMirror created by Michael Teeuw.
        Forum managed by Sam, technical setup by Karsten.
        This forum is using NodeBB as its core | Contributors
        Contact | Privacy Policy