Shadowbox JS
Removing the Header & Footer from Shadowbox iframe (4 posts)

  1. simon1978
    Posted 4 years ago #

    Wonder if anyone can help, I'm using the shadowbox js plugin to open some posts pages, which it's doing fantastically, but I need to remove the header, footer and sidebar.

    I've tried this with other lightboxes by simply placing within my theme style.css file, #id-of-lightbox-container #header, #id-of-lightbox-container #footer { display: none; } - but with it doesn't seem to work in this case.

    Shadowbox js is my preferred option, because with the other lightboxes I tried I had to force a page refresh on lightbox closing, which I'm sure you will all agree that is very much the wrong way to fix a problem!

    If I apply display: none to the the shadowbox container, it does affect it, but I can't seem to affect anything beyond/within the iframe.

    Thanks for any help you fine folks can offer!


  2. peetree
    Posted 4 years ago #

    Hi simon1978, did you end up having any luck getting this to work? I'm trying to do the same thing, but can't work out how to get it to work...

  3. simon1978
    Posted 4 years ago #

    Hi peetree, unfortunately I didn't get the solution - it was for a client and resulted in using a different plugin and using a bit of dodgy jquery to force a page refresh.


  4. peetree
    Posted 4 years ago #

    Bummer! Thanks anyway!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Shadowbox JS
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic