How can I remoce th white space on top of the full screen slider ? - Support

Tagged: full screen slider

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
April 23, 2018 at 10:53 am #945343

anma
Participant

Hello,
I integrated with an iframe an important “sponsor clock (Rolex) ” on the full screen slider, but now there is a big white space on top – do you have any idea how I can get rid of it ?

<div id=”watch”><iframe style=”width: 335px; height: 167px; border: 0; margin: 0; padding: 0; overflow: hidden; scroll: none;” src=”http://static.rolex.com/clocks/2017/jumpingdinard_com_fr/rolex.html” frameborder=”NO” scrolling=”NO”></iframe></div>

Please check here : http://newdinard.marsandcogroup.com/accueil_test_britt/

Thank you in advance,

AB

April 24, 2018 at 10:19 am #945804

Ismael
Moderator

Hey anma,

Thank you for using Enfold.

That is the code block section container. It was generated automatically. How did you set the rolex iframe’s position?

Best regards,
Ismael

April 24, 2018 at 10:45 am #945828

anma
Participant

Hi Ismael,
I have put the iframe code above the slider in a code block as I cannot put it « inside » the slider.
Its position is set by CSS:
#watch {position:absolute; top:140px; right:0px; z-index:100000000; } .avia-slideshow {
z-index: 0 !important;
}
but I send you the login, can you please advice how to get rid of the white space ?

Thank you in advance,

Best, AB

April 25, 2018 at 5:53 am #946394
Ismael
Moderator
Hi,

Thank you for the update.

We moved the code block inside a color section and then adjust the css codes a bit.
```
#watch {
    position: fixed !important;
    top: 180px;
    right: 0px;
    z-index: 100000000;
    float: none;
    width: auto;
    background: transparent;
}
```
Adjust the values as needed.

Best regards,
Ismael
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.