Trailer box hover effect problem

razorleaf · August 2014

Hello,

Let me describe the problem that I'm facing:

I wanted to have 3 trailer boxes (1/3 size) with the images of the size from 1/4 size trailer boxes (1/3 were too big for me). The problem is, that when I add link, the hover effect is wider than the image. How can I fix it?

Screenshot is available below. Obviously left trailer box is in hover state:

Albert · August 2014

Hi,

please send us url to your website and we`ll check if is there anything what we can do for you.

razorleaf · August 2014

Actually I manually fixed this by adding trailerboxes manually (in code), instead of muffin builder. It allows to add custom classes and then I can configure everything as I want. Still please fix the bug which shows content of pages in menu items! It's annoying. I know the workaround solution, but it should be fixed.

Albert · August 2014

Have you read the following topic http://forum.muffingroup.com/betheme/discussion/512/page-content-showing-up-in-menu-navigation#latest ? Did you noticed that fix added in latest version works only for new menus instead of already existing? Have you tested it? If you tested and you are still sure this is not working, then please send us access to your dashboard and FTP on pm and we`ll check it because we are 100% sure that we fixed it. We spent few days on it and this was definitely sorted.

Thanks for understanding!

razorleaf · August 2014

Well it looks like I needed to upgrade my version of the theme. Right now everything works like a charm. Thanks for the support guys!

chovashe · October 2014

hi
I have the same problem with hover on trailer boxes

is there a custom css solution?

Albert · October 2014

@chovashe Do you use latest theme version? If you did, then what is the problem exactly? You mean image with the Audi car does not fit to box width or what? Please also send us url to your website so we can have a look on it.

chovashe · October 2014

Yes, I have just updated the theme - the problem is still in place.

When I hover over a trailer box, grey overlay over the box is wider than the box itself.

http://qualiday.ru/vinyl/

**EDIT: I changed pictures' sizes so that they fit the hovered area width, but I still want to learn a way to adjust the container size to the size of the picture

chovashe · October 2014

I would be happy just to learn which selectors @razorleaf used in custom css

Albert · October 2014

@chovashe Because you use other images size, we recommend to use below custom css to remove hover overlay:

.trailer_box a:after { background: none !important; }

This happen because you have full width section for those boxes and too small images inside. So also instead of above css you can upload larger images or do not use full width section.

Thanks!

chovashe · October 2014

Thank you!

Great theme and great support!

Trailer box hover effect problem

Comments