Trailer Box Hover Content

shashankshirke285

Hello,

We are using a trailer box shortcode in our website. There are options in the shortcode backend to change the slogan and title that appear on the trailer box image. What we want is that on-hover there should be additional text content that should come up below the horizontal line that currently comes on-hover. This additional text content is different for each trailer box.

Albert

Hey,

unfortunately we do not have option to show additional text for trailer box on hover.

Thanks for understanding!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

shashankshirke285

Hello,

Thank you for your reply. 

Can you please tell me how can we disable the animation of the line that comes up on hover of the railer box? I mean to say like on this page "http://themes.muffingroup.com/be/restaurant/" the line on the trailer boxes appears to be starting from center and then expand horizontally as it appears on hover. Instead I just want to line to appear in a simple way without the centre-expand animation.

Can you please guide me on how to achieve this?

Albert

This line can be displayed or disabled only. If we'll give you css to remove transition, then everything will be jumping what is not good.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

shashankshirke285

Hello,

We have also tried to disable the webkit transitions from custom CSS but it just removes all the animation. Is it not possible to have a simple animation without the centre-expansion part?

Albert

This is unfortunately not possible. You can try below css but in our opinion it does not look good:

.trailer_box .desc .line { transition: none !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

shashankshirke285

Hello,

Thank you for the code. It does retain the transition of the Title element but not of the hover text. I want the hover over text also follow the same transition as the title text.

You can see the effect over here : http://zbtest.net/pws/ (The first four tiles)

Albert

The only css you can use also is:

.trailer_box .desc .subtitle { transition: none !important; }

because nothing else can not be done here.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

shashankshirke285

Alright. Thank you for your response.

Albert

You're welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next