Lightbox Ultimate – How to change the background colour of lightbox window

[kidg21]

Hello,

Using Firebug, I know that I am looking for a div with ID “exposeMask”. The color is currently set to “lightSlateGray”.

I’ve successfully edited other css elements using “wp_lightbox_ultimate_custom.css”, however, I’m unable to locate the styling for the mask color.

I’ve looked through “wp_lightbox_ultimate.css” and “wp-lightbox-special.css”. Can you point me in the right direction?

Thank you.

[Peter]

Hi,

Do you have a link to the item in question so we can take a look?

[kidg21]

My apologies for neglecting the link.

http://tinynightmares.com/wordpress/test-trailer/

As you can see, I’ve altered the close button graphic and the color of the video border. What I can’t seem to find is the css for changing the color of the “exposeMask” div.

Thank you for your help.

[kidg21]

Nevermind, I found it. I just needed to change the hex value in the html, html5, and flowplayer includes. I’d just assumed that I could override that parameter with css.

So, there you go. Just in case any novice coders, like me, run into the same issue.

[wpCommerce]

I’m glad that you figured it out.

[STR]

First things first. Your plug-in is amazing. Thanks for sublime answers to difficult coding problems.

Re: the inquiry above, could you elaborate on the location(s) of code to tweak the thickness and color of the HTML5 player border. I’d love to play down my movies on a field of solid black without any border at all.

Many thanks.

(I have no links to share at this point…still experimenting)

[wpCommerce]

Hi, please go to wp-lightbox-ultimate->lib->css directory and open the “wp_lightbox_ultimate.css” file. You need to modify the “lightbox_ultimate_fp_overlay” class to do this.

[pikaki]

Hi there, I would like to make the white box disappear and just have my paper background image show up with the translucent background. Is this possible?

You can see it here.

http://frettedinstrumentsofprovenance.com/fiop/about-test/

I modified this CSS in the wp_lightbox_ultimate.css but it’s not doing anything…

.lightbox_ultimate_fp_overlay{

display: none;

padding: 15px;

width: 640px;

background-color:transparent;

Can you help? Tell me what to do please!

[wpCommerce]

Hi, That CSS class is applicable for the shortcodes using HTML5 or Flowplayer. You are using a different shortcode (using fancybox library).

You can try making the width and height of the div smaller or specify no width and height. The overlay window should automatically adjust based on the size of the inline content.

[Author]

Posts