jQuery Colorbox
[resolved] Unable to change overlay opacity (2 posts)

  1. darbielee
    Posted 3 years ago #

    It seems that no matter what I change the Opacity value to in the plugin settings, the overlay (#cboxOverlay) is always 0.9 opacity. I couldn't find any other topic with this trouble, so I'm not sure if this is a result of the latest update or if there's something wonky in my WP setup. (I just started using this plugin, so I can't say if this was a previously existing issue or not.)

    A live example is here when you click the "Sign Up" button in the blue box. The settings specify an opacity level of 0.3, but apparently that communication is breaking down somewhere.


  2. techotronic
    Plugin Author

    Posted 3 years ago #


    that is because the Colorbox is not added by my plugin, but manually in your own JavaScript:

    // Colorbox (WP plugin) - newsletter sign-up lightbox
    // http://www.techotronic.de/plugins/jquery-colorbox/ (original jQuery plugin: http://www.jacklmoore.com/colorbox )
    $("a.newsletter-lightbox").colorbox({inline:true, width:"50%", href:"#newsletter-lightbox"});

    The Opacity must be passed to the colorbox function.
    You could also add the class "colorbox-link" to the link and let my plugin do the work for you.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • jQuery Colorbox
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic