Making Media Box transparent

Hi CeD

Sorry for keeping on this subject. But in the System - Mediabox CK, how do I set
"Box background color" to transparent -- no color at all. I only see a way to set it to a color.

Or is there a modification I need to make in mediabox_ck.php

I am trying this on a fresh install of joomla on another url. I think I made too many changes on my existing install.
So this is fresh: link to new test site


One thing I did was to go into the php code and removed background-color: #ffffff; from the plugin. That got rid of the white background. But I am unable to replace it with a background image. I have a few ideas, but haven't tried them yet.

Not sure what I am asking you for, since it may be beyond the scope of your plugin.

Thanks

Rowby

Hi
as already said, you must remove the box-shadow, in the css
this is what you see here
CEd

Thanks CeD,

I removed the shadowbox and it's getting there. VERY CLOSE

Now the issue is the initial height is correct (I guess) but then it quickly resizes to be smaller than the background image.

Also it seems like it is a two step process. It's big for a split second and then it resizes. I would like to remove that delay and make the modal popup one step.

The background image is 311 wide by 381px tall. And that is what I put in the Display options > Default width and Default height.

I have Resize effect turned Off.

Here is the link to the site: development site for MediaBox

P.S. Also I may want to remove the "X" for closing the modal box, only because the live site does not have that feature, and I think I need to match that exactly. I could probably figure out how to do this myself, but if you could tell me the change to make in the php or js -- that would make sure I don't make a mistake

BTW I made all of my changes in the mediabox_ck.php file. Should I be making them instead in the mediaboxAdv.js file?

Hi
for the X, you can hide it in css for the resize effect, it should be something into the JS file to hack, but I can't do it.
CEd

Hi CeD

I was able to figure out the resize effect in the js and that is working fine.

One final question, do you know of a way to disable the background color change in Chrome.

For some reason there is a "long" delay for the background to show up in Chrome. It works fine in the other browsers.

So I would rather disable it completely in chrome.

You can see this issue here, in Chrome: Please click the Logon button on the top menu

Thanks

Rowby

cool
for your problem, it seems that the fade effect is not correctly managed by Chrome
if you don't need the fade effect, try to override it in the css with #mbOverlay{opacity:0.8 !important;}
CEd