embed container – iframe on Theme: display infos on the page

hello dear Community,

i did it: it works very well: see [ redundant link removed ]

note, this is a very fresh installed WP with the theme twenty-twenty.

see the embedded block:
what i want to achieve: lower the height and the width

i allready have played with the values of the code:

a. width: 100%; height: 100%; – i changed those values to 50 % – without any effect: this changed nothing.
b. iframe width=”500″ height=”400 – i changed those values to other values – without any effect:

how to achive a smaller embedded block !? look forward to hear from you+

regards
say

see the embedded code:

<style>.embed-container {position: relative; padding-bottom: 80%; height: 0; max-width: 100%;} .embed-container iframe, .embed-container object, .embed-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} small{position: absolute; z-index: 40; bottom: 0; margin-bottom: -15px;}</style><div class="embed-container"><iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="COVID-19" src="https://www.arcgis.com/apps/opsdashboard/index.html#/bda7594740fd40299423467b48e9ecf6"></iframe></div>

see where i have gathered the code to embed: COVID-19 Data Repository by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University: https://github.com/CSSEGISandData/COVID-19

btw: the theme that i run is a standard-theme twenty-twenty – with a coblock that is running …

look forward to hear from you

regards

• This reply was modified 3 years, 4 months ago by say_hello. Reason: more infos
• This reply was modified 2 years, 7 months ago by Jan Dembowski.