Need to change Opacity when placing HTML Page Content in an Overlay

[dchadwick]

I am placing external content using the HTML Overlay Display Settings in the documentation. It works well. My question – I’d like to darken the background of the rest of the webpage…but, changing the opacity in the Ultimate Lightbox Settings doesn’t seem to work.

I did change the color of the fancybox border as follows:

.fancybox-skin{

background:#333333;

}

Any assist would be greatly appreciated….David

PS: This is a great premium plugin – well done!

[wpCommerce]

Hi, There is no option in the settings to change the opacity of the inline display. However, it might be possible with custom CSS. Please provide a link to the page in question so I can take a look.

[dchadwick]

I’m using the Ronneby WP Theme, and I’m trying to put the LightBox into a blog entry:

[http://wargamedesignconcepts.com/?p=1]

I kinda figured it might require some custom CSS to accomplish this. Any help would be most appreciated.

All the best, David

[wpCommerce]

Try this CSS and see how it goes:

.fancybox-overlay {

background-color: rgba(102,102,102,.7);

}

You can easily apply CSS with our custom CSS plugin:

https://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

[dchadwick]

My apologies – I should have responded earlier. Your recommended CSS solution worked perfectly.

Thanks very much, David

[Author]

Posts