[martinezgParticipant]

I’m trying to create a cover video slider for my Home Page. I can’t seem to make it full width. I changed the Cornerstone section to not a container and set the video in Revolution Slider to Full Width but there are still spaces on both sides.

See below at the bottom of this page: http://crowdlacuna.com/home-ii/

What else do I need to change? I couldnt see any tutorials or topics around this issue specifically.

[ZeshanMember]

Hi Martin,

Thanks for writing in!

I’ve checked your site and the slider with video is showing full width at my end (see: http://prntscr.com/aponvr). Would you mind confirming the issue again?

Thank you!

[martinezgParticipant]

Thanks for replying.

After spending some time trying things out, I resolved the issue by setting the Force Cover to ON in the sizing section of the video settings.

I now have another issue with Slider Revolution, none of my buttons are clickable. What setting do I need to enable to make the buttons active? Not even hovering over them changes them (they are meant to turn blue)

[Rue NelModerator]

Hello There,

Please turn off the setting Force Cover On. To make your slider fullwidth, you must make its container which is the section row full width. By default, it is not fullwidth because of the setting in the customizer. You need to edit your page and make sure to disable the column container in your row settings. I would be happy to help you correct this issue. Would you mind providing us the url of your site with login credentials so we can take a closer look and fix the issue? 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.

[martinezgParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.tp-static-layers {
    z-index: -2;
}

Please check the attachment, slider is displaying full width on my end.

Thanks.

[martinezgParticipant]

I have added that code to the CSS as you mentioned but it is not displaying the video at Full Width unless I switch the Force Cover to ON in the Slider Revolution.

Also, the buttons in the slider are not working which is more important as it makes the entire slider useless. I could switch the Force Cover setting of the video ON but the buttons need to be clickable, which they are not.

Thanks

[JackKeymaster]

Hi there,

Thanks for writing back!

I’ve checked your slider and only the “Tell Your Story” button has a link, which just links back to the homepage, where did you want that to link to? Can you try setting the video as the background for the slide, rather than the first layer, then have the buttons have layers, which should allow them to be clickable.

Thank you!

[LelyModerator]

Hello Martin,

Another option is to use Slider Settings : Below Masthead. On Homepage > Page settings > Slider Settings : Below Masthead: Select the SliderII under Slider dropdown. To add the video, add it on Slider Settings: Below Masthead > Optional Background Video add the link. This is what we’re using in theme.co/x/demo/integrity/1/. Then remove the video HTML5 video element inside the slider. Also remove this inside Cornerstone. I’ve tested this on my local and the video is fullwidth, and the link is working. See this:http://screencast-o-matic.com/watch/cDf2Qu1gkW

Hope this helps.

[martinezgParticipant]

Thanks for your help! I think I’m almost there. I got the video to be full width in the background.

I followed your advice Lely and did all the steps like in your video but the buttons are still not clickable. Is there any other setting you enabled/disabled?

[Paul RModerator]

Hi,

You need to add a link to your button.

eg.

<a href="http://crowdlacuna.com/">Tell Your Story<i class="fa-icon-comment-o"></i></a>

http://screencast.com/t/Ma5bHXSLcG

Hope that helps

[martinezgParticipant]

Hi Paul,

That is not working. It is not making the button clickable. Regardless, the buttons already have links (see attached screenshot).

In the video Lely shared seems that it worked but I cannot replicate what was done.

[JackKeymaster]

Hi there,

Thanks for writing back!

I’ve checked your site and all your settings seem to be fine now, but there appears to be a overlaying div which is blocking the buttons, have you made any template changes at all? (Code wise, perhaps in a child theme or otherwise?).

Thank you!

[martinezgParticipant]

I have added some CSS code in the Customize section. No other major changes to the code. What is the div that is blocking it?

[martinezgParticipant]

Also, the video from Lely in the previous reply shows like it was working. Also the other sections of the Home page are also sliders and buttons are working. So not sure why only the top slider would be affected.

[Author]

Posts