Joomla Templates Club 406,261 posts

[infinart Friend infinartJoin date: November 2007Posts: 93Downloads:0Uploads:15 Thanks: 6]

#204812

Hello,

How can I stop the blue transparency and button from appearing when the mouse is moved while a video is playing?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#563780

Add this code to custom.css

.acm-hero.style-4 .video-wrapper::before {
background: none !important;
}

.hero-btn-actions{
display:none !important;
}

[infinart Friend infinartJoin date: November 2007Posts: 93Downloads:0Uploads:15 Thanks: 6]

#563819

Thank you. That is close but not quite what I need. Can we make is so that when the mouse is moved the blue and the text disappear and when it’s moved again does not come back, unless the page is refreshed?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#563872

you can’t accomplish that using css. for this you need to make some javascript code.

[infinart Friend infinartJoin date: November 2007Posts: 93Downloads:0Uploads:15 Thanks: 6]

#564146

Thanks. I don’t know javascript code at all. Are you able to supply some code? Pleeeese? 🙂

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#564188

please post your website Url and admin details please via PM

[grantbrown Friend grantbrownJoin date: July 2007Posts: 14Downloads:0Uploads:1]

#571375

This works but disables the ability to interact (stop/start/timeline) with the video. Any way to disable the overlay and still be able to interact with video? I tried removing hero-btn-actions. That allows me to interact with video but the button comes back.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#572130

Could you post your site’s URL here so that we can take a look?

[grantbrown Friend grantbrownJoin date: July 2007Posts: 14Downloads:0Uploads:1]

#572347

.acm-hero.style-4 .video-wrapper:before {
display: none
}

.hero-btn-actions {
display: none
}

This worked for me. I had Adam a pm with site.

[Author]

Posts