Parallax video sizing

[looklook]

Since last update (2.80) the 2 parallax videos on my site have increased in size in all directions and are too large. Haven’t made any changes to either so I’m not sure what is happening? Videos are used on “PORTFOLIO” & “LOCAL DESIGN & ART” pages. As reference, video on Portfolio page used to show both sides of business card.
Any help appreciated.

[Rui Guerreiro – SUPPORT]

Hi,

Do you have some screenshot how it was before?

-Rui

[looklook]

Hi Rui,
Thanks for your assistance.
I went to my revisions & thought I could restore an earlier version to show you the difference but earlier revisions now display video too large as well.
I’ve attached 2 screenshots, they should give you an idea of the size difference.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Not sure what is happening. Tried with the plugins disable and without the custom css and still the same.

Will forward to the development team.

-Rui

[Swift Ideas – Ed]

Hi there,

We have re-adjusted this for the next update, thanks for pointing out the issue. Here is the adjusted custom css:

@media only screen and (min-width: 1500px) {

	.alt-bg {
		margin-left: -700px!important;
		padding-left: 700px;
		padding-right: 700px;
	}
}

@media only screen and (min-width: 1980px) {
.alt-bg {
  margin-left: -750px!important;
  padding-left: 750px;
  padding-right: 750px;
}
}
@media only screen and (min-width: 2500px) {

	.alt-bg {
		margin-left: -1200px!important;
		padding-left: 1200px;
		padding-right: 1200px;
	}

}

Just add that to the custom css box within theme options.

– Ed

[looklook]

Hi Ed,
Thanks for the info & code.
I added provided code and the results worked but are still less than I was hoping for.
Is it possible to adjust provided code to allow more of original video to show in window. If possible, just let me know which values to change & I’ll experiment.
Best,

[Swift Ideas – Ed]

Hi @looklook

What browser width are you using when viewing? If you change those values above it will adjust for viewports above each width.

– Ed

[cormip]

Yeah, I discovered this as well and have been trying different CSS overrides. The default for @media only screen and (min-width: 1500px) was definitely way off. It’s rather unclear what dimensions would be best for the video. i.e. Height vs Width proportions.

[Swift Ideas – Ed]

Hi @cormip

Unfortunately there isn’t really a “best” – the result is likely to be the same no matter what size you use.

We are looking into ways to possibly improve this.

– Ed