Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum
https://www.tinywebgallery.com/forum/

CSS and Background issue
https://www.tinywebgallery.com/forum/viewtopic.php?f=21&t=4088		 Page 1 of 1
Author:  thoow [ 9. May 2016, 18:31 ]
Post subject:  CSS and Background issue
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;
}
Author:  TinyWebGallery [ 9. May 2016, 19:03 ]
Post subject:  Re: CSS and Background issue
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
Author:  thoow [ 10. May 2016, 08:19 ]
Post subject:  Re: CSS and Background issue
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!
Author:  TinyWebGallery [ 10. May 2016, 10:13 ]
Post subject:  Re: CSS and Background issue
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
Author:  thoow [ 10. May 2016, 13:09 ]
Post subject:  Re: CSS and Background issue
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" ]
Author:  TinyWebGallery [ 10. May 2016, 14:16 ]
Post subject:  Re: CSS and Background issue
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
Page 1 of 1 All times are UTC + 1 hour [ DST ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/