modules positions

Hi!
I have two modules on the same postition bottom 4. One html code, other GK Gid.
There is a problem, they are using 50% width. And I need to have one model under the other with 100% width.
How can I do it?
http://derka.pickupguild.ru/
Regards, Peter.

Please edit: /templates/gk_simplicity/css/override.css and add at its end:

Code: Select all

#gkBottom4 .box {width: 100%!important}


Remember to enable "CSS override" in template settings - advanced section.

Thanks, Cyberek, it's helped. But now there is another problem with grid.
Look at the picture. Why? At the top of the site there is the same grid. And it looks and works perfectly. And this one does not.
In addition zoom hover effect does not work.
How can I resolve this problem?
Regards, Peter.

The problem with the align comes from this css in override.css:

Code: Select all

.MyShift img:hover {
background-color: #4c90fe;
margin-top: -192px;
}


It simply pushes the element to hight. -188px is the right value but I don't know why you have placed it there in first place.
To fix "video" image layout please add this code to override.css:

Code: Select all

.gkGridElement p {margin: 0px;}


After that please check if that doesn't affect any other grid elements.

Now to fix the "hover" issue, please modify this part of code in override.css:

Code: Select all

.grow img:hover {
  width: 105%;
  height: 105%;
}


and replace it with:

Code: Select all

.grow img:hover {
width: 105% !important;
height: 105% !important;
max-width: inherit !important;
}


Thank, Cyberek, it works, but I really don't understand why for the top of the site's grid 192px were good and for this one it's a lot.
Oh, I'm too young in Joomla and web.
Could you help me more. I tried to find out why I have a lot of space here (look at the picture). And I did it, but changes applied for whole site. How I can put grid one module close to other only in this position, bottom4.
Regards, Peter.

You can use a module id as a prefix:

Code: Select all

#gkBottom4 .box.centered {
   padding-bottom: 0px !important;
}


Thanks, Cyberek. I am new in Joomla, could you show me where I should to use id in this code. I do not know syntax.
I read https://www.gavick.com/documentation/un ... omla-pages but did not find css syntax.

If you don't know css you will not be able to understand. Just use the code in override.css and it will remove spacing in Bottom4 module.

ok, it helped.
But there is another problem with grid in bottom4. I have seen it only now. Hover effect works good if I move mouse on picture, but when I turn it back picture become small immediately.
But this effect in header grid works fine, picture returns back slow.
Could you help me resolve it.
Regards, Peter.

So the problem is with animation. When it "zooms in" it animates it, when zooms out there is no animation, just instant result?

So the problem is with animation. When it "zooms in" it animates it, when zooms out there is no animation, just instant result?

Yes, you are right.

Never mind, I have taken hover effect from university template, it works without any problems.

Ok. Thanks for the info.
Is there anything else I can help you with regarding this topic?

Ok. Thanks for the info.
Is there anything else I can help you with regarding this topic?

Thanks! Maybe only with others my topics.

Are there any topics that are not supported right now?