WordPress.org

Forums

Lightbox Plus Colorbox
Transparent Background Image for Lighbox, Problems (2 posts)

  1. Mich_P
    Member
    Posted 11 months ago #

    http://teresanovotny.com/wp/
    I have this website (press the purple link) - a lightbox opens and within the website a page opens (divdided in two columns), Now I want this lighbox to be 80 percent transparent - without the text or the image being transparent.

    The best scenario would be that the lightbox fades out on the ride side, whereas the image continues with full opacity. I therefore made a background image and tried to apply it to several section of the lighbox:

    #cboxContent
    #cboxBottomCenter
    #cboxLoadedContent

    It seems to work (when the image loads on a slow computer, you can see that the background image was applied (the bottom needed an extra image),
    but the problem is that
    the body of the lightbox (including the text and the image) stays white (another layer),
    while the bottom and top part show the image in the background.

    I canĀ“t make the center layer transparent, I tried everything, from
    background-color:transparent or background-color:rgba(255,255,255,0.7); to in all possible div - sections.
    I know the background image I want lies underneath that layer - so how can I make this other layer transparent while keeping the text and the images non-transparent?

    https://wordpress.org/plugins/lightbox-plus/

  2. Mich_P
    Member
    Posted 11 months ago #

    Please any hints?

Reply

You must log in to post.

About this Plugin

  • Lightbox Plus Colorbox
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic