Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Hi,

I would like to edit the CSS settings of how my iFrame (in a layer) is beeing displayed. I figured out, how I would like to style it, but not where. Can you help?

best,
Oliver

#ai_backlayer {

z-index:999;
position:fixed;
top:240px;
left:40%;
width:100%;
height:100%;
background-color: rgba(50,50,50,-0.5); important;
overflow:hidden;
}


#formlayer {
position: fixed;
z-index: 100000;
top: 12%;
left: 19.9%;
width: 62%;
height: 79%;
border: 0px solid rgb(238, 238, 238);
margin: 0px !important;
padding: 0px !important;
visibility: visible;
}

Ho is your setup? Same domain or can you use the external Workaround?

For the styles below you need to use additional css files as "!important" cannot be set with jQuery!
See the extra tab where this can be done.

Best, Michael

I am on the same domain right now for testing purposes, but the content of the iFrame will be on another domain, once everything is ready.

Switched to a css file, but it did not change anything.

Please take a look: http://snackwoduwillst.de/
leerdammer/leer

Click on the big yellow button.

Thank you!

The link is protected.

How does your shortcode look like?

Be aware that on the same domain the setup is different to the remote domain where you need to use the external workaround.

Best, Michael

Username and password are right underneath the link.

This is my shortcode:

[advanced_iframe securitykey="de45f3d45c847fdf01f202110aa2fb24875e34e0" use_shortcode_attributes_only="true" src="http://snackwoduwillst.de/iframe.html" width="600" height="400" scrolling="auto" enable_ios_mobile_scolling="true" marginwidth="100" marginheight="100" id="formlayer" onload_scroll_top="true" hide_page_until_loaded="true" show_iframe_loader="true" iframe_height_ratio="90%" change_parent_links_target="a#linklayer2" show_iframe_as_layer="true" show_iframe_as_layer_header_height="0" onload_resize="true" onload_resize_width="true" resize_on_ajax_jquery="false" additional_css="/iframe.css" ]

The css is loaded as I see in the network tab.

iframe_height_ratio="90%" without zoom is not valid. This will generate a Javascript error because the needed function is than not rendered!

And I don't know if you really want onload_resize_width="true". This normally does not make sense as the width of a page is normally known.

Best, Michael