Videos causing gaps on page

[Blazing Griffin]

Hi,

I’ve been trying to resolve a problem with bbPress (unresolved, I posted yesterday).

I deactivated Dante and activated Twenty Fourteen briefly to test the issues with bbPress. When I reactivated Dante, some of the video widgets were causing problems. See examples here:

PAGE http://www.blazinggriffin.com/games/dino-tribes/
PAGE http://www.blazinggriffin.com/
PAGE http://www.blazinggriffin.com/games/the-ship-murder-party/
PORTFOLIO http://www.blazinggriffin.com/portfolio/ship-intro-trailer/

In all cases, the video is pushing the content below it quite far down. Also, the video isn’t scaled up to fix the area (which it was before).

I’ve tried deleting different page elements and it’s definitely the video widget within Swiftpage builder that’s causing the issue.

Is there a setting somewhere that may have reverted to a default setting when I deactivated then reactivated the theme?

Thanks
Scott

[Melanie – SUPPORT]

Let’s see if that custom css solves it

.sf-video-wrap {
padding-bottom: 10px;
}

All the best

[Blazing Griffin]

Thanks Melanie,

That didn’t work unfortunately.

Scott

[Melanie – SUPPORT]

Please let me know your login details, I’ll take a look!

[Blazing Griffin]

This reply has been marked as private.

[Melanie – SUPPORT]

perfect thank you, checking now!

[Melanie – SUPPORT]

Hey,
unfortunately you had a litte error in the css above mine, which caused all css below it to break, I fixed that for you!

[Blazing Griffin]

That’s great thanks! 🙂

The videos next to each other on the homepage still look at a bit off – they seem to be overlapping slightly (the Youtube button isn’t visible on one of them). Check the Google cache version: http://webcache.googleusercontent.com/search?q=cache:biYu1kjeVYEJ:www.blazinggriffin.com/+&cd=1&hl=en&ct=clnk&gl=uk&client=firefox-a

The other videos don’t seem to be displaying quite right either: http://www.blazinggriffin.com/games/the-ship-murder-party/ for example, the video doesn’t fill the entire container as it did previously: http://webcache.googleusercontent.com/search?q=cache:bHwfvbmnICQJ:www.blazinggriffin.com/games/the-ship-murder-party/+&cd=1&hl=en&ct=clnk&gl=uk&client=firefox-a

[Rui Guerreiro – SUPPORT]

Will forward this to the development team.

-Rui

[Blazing Griffin]

Thanks Rui! 🙂

[Rui Guerreiro – SUPPORT]

No problem. Let’s wait

[Swift Ideas – Ed]

Hi there,

Please add this custom css:

.sf-video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

For some reason you have a span around the youtube iframe, causing this issue. That will sort it!

– Ed

[Blazing Griffin]

Thanks Ed,

That seems to have sorted the overlap, but caused only the top of the video to display.

See here:

http://www.blazinggriffin.com/games/the-ship-murder-party/

Home

http://www.blazinggriffin.com/games/dino-tribes/

Scott

[Blazing Griffin]

Nevermind, forget that. I removed the CSS from earlier in this topic and the new version is working great now!

Many thanks to you and the team for all your help on this – greatly appreciated!

Scott

[Swift Ideas – Ed]

Glad it’s sorted 🙂

– Ed