Resizing and aligning vimeo

Support
#1

Hello XTheme!

I would like to resize and align my vimeo videos to the page. Can you please help me with that? What should I do?

For instance, when I try adjusting the aspect ratio when embedding videos, it stays the same size:

Summary

Is there something in the CSS that is overriding video players or whatnot? Let me know, thanks!

#3

Hello @randomnameee,

If you have added new information, please let us know as I see (post withdrawn by author, will be automatically deleted in 24 hours unless flagged) message. If you need anything else we can help you with, don’t hesitate to open another thread.

Thanks.

#4

No the question I wanted to ask was the one from above.

So do you know how I can fix it? The sizing and everything of embedded Vimeo videos doesn’t change, I want to make it bigger or at least be able to adjust it.

I tried pasting the code I was using to show you but it won’t show.

Also, how do I tweak my child theme so that it stops compressing the images I upload to my site?

Thanks Prasant

#5

Hello @randomnameee,

Are you referring to this code:

<iframe src="https://player.vimeo.com/video/285884393" width="800" height="450" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>

Please use video element and insert the embed code above. The resulting video should be responsive enough. If that does not help, please provide us the url of the page with the video in it so that we can investigate it further.

Meanwhile, having a child theme or the X theme does not compress your images. Compression only happens if you may have installed 3rd party plugins that does image optimization. Have you installed Jetpack plugin? Please disable Site Accelerator (Formerly known as Photon) because in most cases, this is the culprit.

Hope this helps.

#6

Thanks for the reply, this actually happens throughout my entire site.

Whenever I drop an embedded video from Vimeo, the size of the video either never changes, or I can’t format it so that it won’t stay on the center of the page.

For here, the first Tweet never goes to the center of the page:

For here, the video won’t get any bigger. Even if I change the dimensions of width and height, the video stays the same size:
http://www.desmondchan.org/the-all-american-athletes/

#7

Hi @randomnameee,

The URL that you have provided about the tweet does not have anything to do with your original question regarding the Vimeo:

I am not sure how you embedded the Twitter if you used a third party plugin you need to contact the plugin developer. The embedded code is not related to our theme. You can test that by changing the theme to default WordPress theme and try to embed the Twitter code, and you will have the same result.

Now regarding this link:
http://www.desmondchan.org/the-all-american-athletes/

The problem that you are experiencing is because you added a Custom CSS to limit all the iFrames in the page. The code is:

.entry-content iframe {
    min-width: 500px;
    max-width: 550px;
}

Please go to Appearance > Customize > Custom CSS and remove that code.

It is worth to mention that you are using a super old version of the theme which can not be supported anymore. You need to back up your website thoroughly and update the theme and Cornerstone to the latest version. Unfortunately, it is not possible to give proper support for version 4.0.6 of the theme which is super old.

Thank you.

#8

Thank you so much! That was so helpful! I also updated my child theme now.

#9

You’re welcome!
We’re glad we were able to help you out.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.