integration problem

the thing is that this is not the correct url.

Try this :

<iframe src="http://www.novafriburgoacidadequequeremos.com.usrfiles.com/html/cee4aa_e5e645abd11a757393a6c5b9893d821b.html" width="100%" height="100%" scrolling="no"></iframe>

you can than use a little css trick to get a good height for you iframe.
(i did the ifram in a 1/1 – text container) the 1/1 i gave a custom class: embed_iframe

.embed_iframe .avia_textblock p {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    width: 100%;
    height: auto
}

.embed_iframe iframe {
    height: 100%;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100%;
}

see here: Link

• This reply was modified 8 years, 4 months ago by Guenni007.

you can click on the images to zoom in:

the iframe code comes into an text-block element in a Container (in this case a 1/1 container)

Do not forget to save all those elements after inserting code snippets

Press on edit text-block element:

This is the place where the iframe code comes to – and please goto Text-Modus when editing

This code (not the iframe code) comes into quick css:

ok – i see you did it in a code block – that is ok too
the code you need is then:

.page-id-740 .avia_codeblock {
    height: auto;
    padding-bottom: 65vh;
    position: relative;
    width: 100%;
}

.page-id-740 .avia_codeblock iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}

i did it site-specific because i don’t know if you have elsewhere some iframes

the code i gave you was site-specific ! so if you take this one the rules will work for all code-block / iframes:

.avia_codeblock {
    height: auto;
    padding-bottom: 65vh;
    position: relative;
    width: 100%;
}

.avia_codeblock iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}

if you like to put the iframe in a widget use a text in the widget and place the iframe code in that container:

<p class="iframe_container">
<iframe src="http://www.novafriburgoacidadequequeremos.com.usrfiles.com/html/cee4aa_e5e645abd11a757393a6c5b9893d821b.html" width="100%" height="100%" scrolling="no"></iframe>
</p>

than you can place as allways:

.iframe_container {
    position: relative;
    padding-bottom: 65vh;
    height: auto;
    width: 100%;
}

.iframe_container iframe {
    position: absolute;
    height: 100% !important;
    width: 100% !important;
    left: 0;
    top: 0;
}

see here: Link

the reason why i did it in a text-block was the possibility to use widgets too

bytheway : its because iframes are allways difficult.
If you google to “is it good practice to use iframe”
there are tonns of lists where this point is discussed. From the point of seo as well. Performance Reasons too!
To have one or two the whole Site seems to be ok ( on youtube there is no other way)

• This reply was modified 8 years, 4 months ago by Guenni007.