Making Media Box transparent

Making Media Box transparent was created by rowby

Posted 9 years 11 months ago #18371
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
Last Edit:9 years 11 months ago by rowby
Last edit: 9 years 11 months ago by rowby.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Making Media Box transparent

Posted 9 years 11 months ago #18376
Hi
as already said, you must remove the box-shadow, in the css
this is what you see here
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by rowby on topic Making Media Box transparent

Posted 9 years 11 months ago #18379
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?

Last Edit:9 years 11 months ago by rowby
Attachments:
Last edit: 9 years 11 months ago by rowby.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Making Media Box transparent

Posted 9 years 11 months ago #18384
Hi
for the X, you can hide it in css
Code:
#mbCloseLink {display:none;}
for the resize effect, it should be something into the JS file to hack, but I can't do it.
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by rowby on topic Making Media Box transparent

Posted 9 years 11 months ago #18456
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
by rowby

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Making Media Box transparent

Posted 9 years 11 months ago #18464
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

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.679 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 603 guests and no members online