[Resolved] Iframe + element

[Marcin]

Hi,
I added iframe on my website and I want to hide the title (Intro programu Minął Tydzień.mp4) by means of line hr(60px). Unfortunetly, line hr doesn’t hide frame, but frame hides line hr.
See: https://marcinszkodzinski.pl/przykladowa-strona/

[Leo]

Hi there,

Are you using a plugin to add the iframe link?

It’s adding a bunch of style for you such as:

.preview-header-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    line-height: 0;
    background-color: #fcfcfc;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #E8E8E8;
}

[Marcin]

I using Box Embed Widget.

https://community.box.com/t5/How-To-Guides-for-Sharing/Box-Embed-Widget/ta-p/19719

I think you need to edit the selector “iframe”.

This code doesn’t work.

[Leo]

I didn’t give you any code.

The code above was added by the plugin you are using which is causing the problem.

Have you checked with their support?

[Marcin]

I using Box. Box is not a plugin, it’s cloud storage. I added to Box a film and now I want to add iframe to my website.

Unfortunetly, I embed film with file title. I want to hide the title by means of line hr. It’s all.

I tried to change transparency, z-index… It’s still bad.

PS

I talked to the support. The only way out is editing selector “iframe”.

[Leo]

Hmm this gets rid of the title but not the container:

.preview-header-wrapper {
    display: none;
}

I tried a few methods but couldn’t remove the container

Their support should have a way to edit this as it isn’t a GP problem.

[Marcin]

Leo, I tried again and I found a solution.

Firstly, I added:

hr{
	height: 60px;
	margin-bottom: -60px;
	background: #fff

Next, I added:

iframe{
	position: absolute;
		z-index: -1
}

Thank you for your time.

[Leo]

Glad you found the solution 🙂

[Author]

Posts