fluid-width-video-wrapper

This topic has 16 replies, 4 voices, and was last updated 9 years by Abe.

Author

Tagged: video, height, elongated
January 13, 2015 at 13:52 #41858

taiger
Participant

Hi I have been told the the video that i embed from youtube is displaying elongated because the theme is using the following css.

fluid-width-video-wrapper

how do i turn this off, and if i do what effect will it have to the theme

Attachments:
You must be logged in to view attached files.

January 14, 2015 at 19:58 #42052

taiger
Participant

This reply has been set as private.

January 16, 2015 at 00:44 #42285

Abe
Keymaster

Hi, we are releasing an update next week and we did some improvements to the theme videos. Let me know if you can wait until then.

We have plans to add more plugins compatibility and extend the social functionality 🙂

Thank you

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

January 23, 2015 at 10:47 #43152

NMC
Participant

Hi

I have the sames issue. Whenever I add a video using visual composer, it stretches in height.

Seems like .fluid-width-video-wrapper

Can you perhaps provide an urgent fix?

January 24, 2015 at 12:15 #43313

catholicauthor
Participant

Here’s what I added to mine; seems to be working so far. 🙂

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {height: 400px;}

Attachments:
You must be logged in to view attached files.

January 26, 2015 at 02:36 #43417

taiger
Participant

This reply has been set as private.

January 28, 2015 at 16:27 #43767

Abe
Keymaster

Hi
what do you mean? I see this is your shop and works: http://www.5starweddingmagazine.com/shop/

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

January 30, 2015 at 00:07 #44017

taiger
Participant

This reply has been set as private.

January 30, 2015 at 12:29 #44068

NMC
Participant

Thanks, but still not working right for me.

If I add !important after height, the video size is correct, but the padding below the video is still the same.
Inspecting the code it generates a 6175.188px padding.

I would really appreciate a urgent response. The site is supposed to go live today 🙁

January 30, 2015 at 14:00 #44083

catholicauthor
Participant

I’m sorry; I ended up removing the code; it seemed to work fine again on its own.

January 30, 2015 at 14:58 #44104

NMC
Participant

Does not work when I remove the code 🙁

January 30, 2015 at 17:09 #44119

catholicauthor
Participant

🙁 here’s where I’ve been gunning for the new KLEO update every hour of this last month.

January 30, 2015 at 17:27 #44130

Abe
Keymaster

@catholicauthor Youtube videos should work normally. Try to give me a link to that page and remove the code added by you

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

January 30, 2015 at 17:32 #44133

catholicauthor
Participant

Hi Abe, they work fine for me. Not sure what the problem was at first. @NMC seems to be stuck.

February 2, 2015 at 09:04 #44328

NMC
Participant

Hi, can’t send a link yet. Developing locally.

Its the padding-top generated:
<div class="fluid-width-video-wrapper" style="padding-top: 514%;"><iframe ....></iframe></div>

It seems to come from the script.js file line 76:
').parent(".fluid-width-video-wrapper").css("padding-top",(k*100)+"%");m.removeAttr("height").removeAttr("width")

If I change the top-padding in chrome’s code inspector it looks right.
February 4, 2015 at 14:38 #44684

NMC
Participant
This seems to work so far in case someone else has the same issue.
COPY CODE
```
.fluid-width-video-wrapper {
    padding-top: 50% !important;
}
```
February 5, 2015 at 14:41 #44815

Abe
Keymaster

Hmm.. quite strange since I couldn’t replicate it. Let’s wait for the 2.4 update and see how it behaves then

Thanks

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.
Author

Posts