I don't know what you're seeing. I'm seeing just the form and in some browsers the box shadow, some the close button.
If that's not what you're seeing, you're probably either looking at your local installation, or a cached copy, or some other page than:
raihans.co.uk/homepage/contact-us
It's possible you have an outdated browser, or some unusual setting that's making it ignore the print stylesheet, but less likely than one of the above explanations. There might even be some problem unique to your setup that I haven't thought of, again much less likely.
BTW, the box shadow and close button can be gotten rid of by adding this (highlighted) to the contactprint.css stylesheet:
Code:
body * {display: none;}
body #sbox-window, body #sbox-window * {position: static; display: inline-block;}
#sbox-window.shadow {
-webkit-box-shadow: 0 0 0 #fff;
-moz-box-shadow: 0 0 0 #fff;
box-shadow: 0 0 0 #fff;
}
body #sbox-btn-close {display: none;}
A thought has occurred to me while playing around with this, the Send button could be removed as well. Let me know. That would require altering the .js file again (or maybe a different .js file, I don't think that script is used by the page with the form on it) and adding another stylesheet for printing, one for the page with the form on it. Sounds a little more complicated than it probably is.
But perhaps we're getting ahead of ourselves. Wasn't that the point? To see only the form? If you have something else in mind, we can probably do that. If so, a screen shot of what that other code you were using when it worked (without the lightbox) produced would probably help. But then again, showing only the form should be sufficient, right?
Thank you.
Reply With Quote
Bookmarks