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

Get help for TinyWebGallery, the best image gallery. The forum is also home for the Joomla JFUploader, TWG Flash Uploader and the Wordpress flash uploader.
It is currently 28. Mar 2024, 12:55

This forum is readonly now. Please use the new forum if you don't find the answer to your question here. The new forum is at https://www.tinywebgallery.com/blog/forum/


All times are UTC + 1 hour [ DST ]




Post new topic Reply to topic  [ 6 posts ] 
Author Message
 Post subject: CSS and Background issue
PostPosted: 9. May 2016, 18:31 
Offline

Joined: 9. May 2016, 18:29
Posts: 3
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;
}


Top
 Profile  
 
PostPosted: 9. May 2016, 19:03 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
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


Top
 Profile  
 
PostPosted: 10. May 2016, 08:19 
Offline

Joined: 9. May 2016, 18:29
Posts: 3
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!


Top
 Profile  
 
PostPosted: 10. May 2016, 10:13 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
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


Top
 Profile  
 
PostPosted: 10. May 2016, 13:09 
Offline

Joined: 9. May 2016, 18:29
Posts: 3
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" ]


Top
 Profile  
 
PostPosted: 10. May 2016, 14:16 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
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


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 6 posts ] 

All times are UTC + 1 hour [ DST ]


Who is online

Users browsing this forum: No registered users and 24 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
cron
powered by phpbb | Datenschutz/ Privacy policy