Authorizing module overflow:visible

Hello everybody,

I would like to know how to authorize overflow display in some module of the Template.

I parsed the CSS files and I was not able to find a definition for right_top modules
and some others.

For instance in layout.css, we've got several names


which are different than the ones available in the module position selection.



Does someone know where is the definition of visibility for the modules for this Template?
Or knows what to specify in override.css? name_of_module { overflow: visible; } ?

Thank you

Hi

I believe easiest would be to use module class suffixes. Add a class for example: " overflowdisplay" and add this code to css:

Code: Select all

.overflowdisplay {
overflow:visible !important;
}


This way all modules with this suffix will have this option.

Hi Teitbite,

Thank you very much for your nice and clever proposal.

I put the css code into the override.css file
and then added the suffix overflowdisplay to the module concerned.
It works

I enclose a screen shot of the result.

As you can see, the photos of the module videos in mainbody_top are in front
of the module that I would like to display in overflow.

It's due to the fact that the images have also a overflow effect with this class
<span class="gk_voverlay">Overlay</span>.

But it's not a problem, it makes a nice effect

I guess this code will be useful for all the others Templates users.

Thanks again Teitbite.

Hi

Ok. I was just going to answer You I've checked the problem from a couple of angles with no result. As my last hope I have installed the template on my server and guess what ? All was working fine. So I was going to advice to reinstall it. But Your solution is also good, but why I cannot see it on Your site ? ;/ Maby I would suggest something for the video icons.

Hi teitbite,

For me, all I did was to follow your excellent advice

Putting the extra css code into the override.css file
and declare the class overflowdisplay into the module concerned.

Concerning the appearance in the web site address I sent to you by PM,
I am sorry for that point. I had to remove the display of the concerned module
as it creates a conflict with the Gavick Register Module.

This point is linked to this Post.
[url=http://]https://www.gavick.com/forum/111-joomla-16/84682-coherency-control-on-register-form-no-indications-for-user-.html#84807]Coherency control on Gavick register Module[/url]

Activating the module with the overflow adds another bug (display problem) with the
Gavick Register. As I wanted also to solve this point I momentary disabled the display
of the overflow.

I have enabled again the overflow module. Normally, you can go right now to this address and see the overflow display of the module over the video icons.

But this gives back the additional problem on Register form
But let's advance point by point

Thank you in advance for your look on this problem.

Hi

Ok. But I'm lost a bit. Please tell me shortly what's left to do

Nothing!

You first information solved the point

By adding the code into the override.css
and by putting the class name overflowdisplay" in the module,
I can get the overflow display of the module.

The only point left could be to get overflow display
also over the video images.
If you have an idea how to avoid it, I would be glad to hear it.

Otherwise, I still continue to like the effect

Last point, how I put [solved] in the title of the topic?

Thanks

Hi

Ok. Than I'm glad I was helpful

You can change the post title by editing Your post. But do not worry about that.

Please tell me more abiut the video, because I do not quite understand.

Yes Teitbite you helped a lot

Concerning the videos, it's about the display of the
overflow of the module OVER the images of the video module.

If you look at the screen shot you can see that, despite the
fact that the register module is supposed to get display priority
with the code overflow:visible,
the images (thumbnails) of the Video module are OVER the Register module.

This makes a cross of overflow

Over the text of the video module, the top display is for the register
module and over the images of the video module, the images have the
display priority in spite of the overflow code.

But as I told you this is not very important as I like the effect

Cheers

Hi

This is not related with overflow option Please add this code to css:

Code: Select all

#registerBox {
    z-index: 999;
}


Hi,

Thank you for the code and for your help.

I put the code into the override.css,
after the code for the overflow display class.

But it doesn't work

The display is the same.

I put here a screen shot made with Firebug activated.

The class code concerned is well #registerBox.

But the thumbnail images of the video module are still over.

Maybe another way would be to put in a 'background' plan the thumbnails

Hi

It's working when I'm trying this code in firebug. Please check if debug or css compression isn't activated. Try also add !important rule at the end.

I've lost Your page's url

Hi Teitbite,

Thank you for your suggestion !

I deployed it into the site by adding the !important before the ;
And I have checked that override is authorized and debug and compression not activated.

For the moment, the result is still the same

Here is the link to the site
[url=Test override]http://www.adecap.eu/index.php/fr/[/url]

Thank you in advance for your look.

Hi

I do not see "!important" rule at the end of the code. It should be:

Code: Select all

#registerBox {
    z-index: 999 !important;
}


Sorry for delay. I was traveling back home from holidays ;/

Hi

Haha. That was really a hard one Glad You have figured it out.

Hi,

I found out because you helped me

Thank you.

One more question, how to edit the title of the topic?
I would like to ad the word "closed" in the beginning.

I didn't find the how-to in this section
How to Forum

Hi

You can change it by editing the post, but this title is too long, so do not worry about that.