Docs

[heresjohnnee]

Hello,

I have a video background I’m working on using a revolution slider and externally hosted video. I want to overlay an opaque shape on top so the text stands out. In the slide settings I’ve added a full-width, full-height shape and set it’s opacity to 50%. However, it doesn’t cover the whole video.

Is there slide CSS or slider CSS I can use to get the effect I’m going for?

I also tried this code, to no effect:

.rev_slider .slotholder:after {
width: 100%;
height: 100%;
content: “”;
position: absolute;
left: 0;
top: 0;
pointer-events: none;

/* black overlay with 50% transparency */
background: rgba(0, 0, 0, 0.5);
}

[heresjohnnee]

This reply has been marked as private.

[heresjohnnee]

Also, the video just stops working after a while. It’s hosted on Vimeo (free) with a direct link to the .mp4 URL. Is there a known problem with these only working for a set amount of time? Thanks.

[heresjohnnee]

Finally, is there a way to do a dotted overlay like this: http://mikeandmichelleteam.com/#/

Thanks so much!

[heresjohnnee]

Alright, I figured out the dot overlay. So, that’s done!

I have 2 other issues that are stumping me on this slider though:

1) My video stops playing after about an hour. It loops as it should, but it’s almost as though it only loops a set number of times and then it just stops loading. Refreshing the browser, trying other browsers…nothing works. The only fix I’ve found is to go back to Vimeo where it’s hosted for free using this URL https://player.vimeo.com/video/<VIDEO ID HERE>/config …and pull out the direct URL to the mp4. Is there a way to get this to work consistently.

2) I’ve worked with the fade and animation settings but can’t get my name to stop fading in and out, both of which are set to “no animation.”

Thank you!

[heresjohnnee]

…and (3) I can’t get the gray bar with text in it to stretch all the way across the screen. Oh, brother! Thanks so much.

[Rue Nel]

Hello There,

Thanks for writing in! Just for future topics, self responding or bumping your post pushes it back in our Queue system so it takes longer to respond to.

1] For more details about how video from Vimeo are being embedded, please check out the documentation here:
https://vimeo.com/help/faq/sharing-videos/embedding-videos
https://developer.vimeo.com/player/embedding

2] Please edit your slider and make sure that each slide or the slide containing your name doesn’t have a slide animation. The slide animation is separate from the layer animation.

3] Again, please edit your slider and make sure that the grey bar has a width of 100%. Selecting auto would result to what you have right now.

Hope this helps.

[heresjohnnee]

Thank you for the information!

The width field for the gray bar layer accepts only px as input. There is a drop down next to it with the option of “full width.” I now have that selected and the bar actually got shorter!

Please advise. 🙂

[Rue Nel]

Hello There,

To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password
Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[heresjohnnee]

This reply has been marked as private.

[Rue Nel]

Hello There,

Please edit your slider again and click on the layer. Select the cover mode and select custom. In the width field, you can insert a most common screen width like 2600px. Saved it and test again your site.

If vimeo doesn’t work out for you. You can try Youtube and Wistia. These are the most common video sharing sites. If nothing else works out, you can host the video within your site by uploading it through the media uploader within WordPress (but this is not highly recommended).

Hope this helps.

[Author]

Posts