Forum Replies Created
-
Posts
-
but now on desktop is aligned on left…
Yes, that is what I meant with “Changing it through CSS will move the frame out of center position, leaving a larger margin on the right side.”
What you could do is bypass the 20px minimum limit on your Settings > Media admin page by doing this:
1. Go to Settings > Media and find the field Margin in the Window > Appearance section.
2. Right-click the input field and select “Inspect” (or similar, it depends on your browser)
3. In the developer tool box that now opens (usually on the right side) you will see the part of the page source code that matches this input field. It should look like this:
<input type="number" step="1" min="20" max="80" name="fancybox_margin" id="fancybox_margin" value="0" class="small-text">
4. Change the element attributemin="20"tomin="0"by double-clicking it and then manually removing the2, then hit the Enter key.
5. Now back on the settings page itself, you can lower the Margin to 0
6. Hit the Save Changes button at the bottom.
7. Remove the style rule#fancybox-wrap { padding: 0 !important; left:0 !important; }because that will only confuse the script.Now you should get a better result…
Hi Eugenio, are you talking about the space between the light box frame and the edge of the browser window? This is calculated on the fly by the light box script. You can reduce it to 20 pixels but lower than that is prohibited because it will partially hide the close button and (depending on theme CSS) force the site width to surpass browser screen width, adding a horizontal scroll bar.
I’ve put up an example on https://demo.status301.net/ if you click the link Google Maps “embed test” you will see the result.
Changing it through CSS will move the frame out of center position, leaving a larger margin on the right side.
The best approach to fully cover your site, is to set the Margin to its lowest value (20px) and then set the Overlay to have Opacity: 1, and Color: #FFF or another color that matches either the embedded site or your site background color…
Hi Eduardo, thanks for confirming!
Apparently, forcing the Status response to 200 is enough. I’ll work that into the next release so you won’t need to do this edit again after updating the plugin.
If you ever find out why this 404 response occurs or where it is coming from, we’d really like to know 🙂
Hi Michael, what is the error message exactly? Usually, the news sitemap is rejected because the site is not yet accepted into Google News. Or at least, that fact is not yet know by the Search Console…
Hi Richard, my sincere apologies for responding so late. The message somehow escaped our attention.
It sounds like the script is failing to detect the screen width correctly. Could you share a link to the page where you see this happening?
Hi, can you share a link to your sitemap so I can verify it? You can use the support form if you wish to keep it off the public forum.
Hi Philippe, there is one crucial condition for opening a light box on the parent frame: both parent and child frame must live on the same domain. If not, the script will be blocked by any browser that respects cross-site scripting security.
Next, it’s important to realize that this is not possible with the standard WordPress plugin. It would either need a heavy modification or (better) a custom implementation of the light box script on the child page.
I’m afraid this is out of the scope of possibilities of Easy FancyBox…
Hi Claudio, is the “add to cart” button the one that sais “Jetzt Vorlagen herunterladen!” on your example product page? And do you want it to open the target page inside a light box?
If so, then you will have to find a way to give that button link an extra class “fancybox-iframe”. It currently has
class="single_add_to_cart_button button alt"but this needs to becomeclass="single_add_to_cart_button button alt fancybox-iframe"but it depends on your theme how.Is that a widget area or are there options related to the button on the product edit page maybe? If you see any option to set additional classes, then please try that and let me know so I can take a look at the resulting page source 🙂
If not, then we’ll have to either modify a theme template file or try to devise some javascript to set the class dynamically…
Hi Russell, you can make FancyBox open on specific URL hashes. Assuming you already have your popups ready on a particular page and each one can be opened by clicking a specific link on that page, follow the following extra steps:
- Go to Settings > Media and find the option called Open on page load under Miscellaneous / Auto popup. Set this to Link with ID matching URL hash and save settings.
- Go back to the page/post where your popups should appear and if the media/popup links do not already have a unique ID (for inline content) then give each a unique ID, like id=”popup1″, id=”popup2″. Note that if your popups are inline content popups, then they should already have a unique ID and you do not have to do this step.
- Now test each popup by visiting your page in an anonymous browser window with #popup1 or #popup2 etc. appended to the URL. Each time, the corresponding link should be triggered, automatically opening the corresponding popup.
Redirect your users to these URLs (with different hash after them) to make the get a specific popup.
Let me know if you need more information or help. You can send me the page URL if you want via https://premium.status301.com/contact/ so I can take a look.
Full instructions are now in the Knowledge Base here https://premium.status301.com/slider-revolution-and-easy-fancybox/
Hi Lukas, looking at your site the links seem to work but I do notice you have multiple times a
<div id=contact_form_pop>(each time with a contact form inside) in your source code. Multiple divs with the same ID is not allowed. The light box will in this case, always open the first one.If you wish to have multiple links to the same contact form, then you can simply leave ONE contact form, wrapped in
<div id=contact_form_pop>and remove all the others. But if you wish to open different contact forms (or other inline content) then you need to use a different ID each time. Adapt each link/button to match the ID of the inline content that you wish to open.Hope these tips help 🙂
Hi Silvia, sorry to hear it’s not working for you. Code you gave seems like it should be enough to create what you are looking for but it sounds like something on your site is blocking the liht box script to function properly. The problem is that it can litterally be anything (other scripts, plugins, misconfiguration) and it would really be helpful to see the site live.
You can send us your site address via the contact form on https://premium.status301.net/contact/ or you can send it directly via the Send a message link on https://premium.status301.net/support/users/ravanh/
Without seeing it live, it’ll be very hard to debug further. But if you prefer, we can try to do that step-by-step too. Let me know 🙂
