[sjeglum]

I figured it out by using another plug-in to make the tables.

[sjeglum]

Hello. It’s hard to take a screenshot of all the areas in the page that are different widths. Were you not able to log into the private, password protected page that I sent?

Here is the information again:

Community Screenings

Password: Screenings

You are correct that there are no text boxes. I actually meant the text block elements on the page. I have attached a screen grab for a sample of what I am referring to. “Businesses” is more indented than “Screening Kit”, etc and the prices. The “Please note…” sentence is longer than the “Film Team Speaking Engagement” paragraph.

I also tried putting them in a row element, but that doesn’t fix the issue. And why would I use a row verse two text blocks elements in the 2 1/2 size elements?

It would also be great to be able to reduce the space between two text block elements, for instance between the “Film Team Speaking Engagement” paragraph and “Other questions?…” sentence.

Thank you.

Attachments:

You must be logged in to view attached files.

[sjeglum]

That worked. Looks good. Thank you!

[sjeglum]

I have been able to make all the videos responsive by updating them individually using the Advanced Responsive Video Embedder.

[sjeglum]

Ok, Mohammad. I will let you know when that is done. It may take me a few days to get to. Thanks!

[sjeglum]

Hi Mohammad,

There are over 50 videos on our site. If that is the case, then I can use the Advanced Responsive Video Embedder to change the embed code on each video. Is there a chance that the Advanced Responsive Video Embedder plug-in is interfering with your code?

Let me know how would you recommend updating each video and then I can go through them each individual with your solution or the Advanced Responsive Video Embedder.

Thank you for your efforts to find a fix that would apply universally. I was afraid that individual updating may be the case.

Sandy

[sjeglum]

That’s closer, but not quite right yet. Please see the black bars on the left and right side of the video now in the attached screen shot. If the video aspect ratio is 16×9 it should fit exactly just like ScreenShot_WithPlaybackBar I sent earlier.

Attachments:

You must be logged in to view attached files.

[sjeglum]

Almost there! I see that the videos are responsive and the blog text all shows up now. I also see that the aspect of the video isn’t quite right. Note on the attached screen shot (NoPlaybackBar) that the playback bar is cut off on the bottom. Without the playback bar there is no playback bar for people to click play and watch the video. Please see how the playback bar looks in screen shot (WithPlaybackBar). This is how the videos need to look.

Thank you for all your help with this!

Attachments:

You must be logged in to view attached files.

[sjeglum]

It is something in this code that you gave me above that is removing the text from the blog posts:

iframe {
border: 0;
width: 100% !important;
height: 100% !important;
position: absolute !important;
top: 0px !important;
left: 0px !important;
}
.body-text {
margin-bottom: 30px;
width: 100%;
height: auto;
position: relative;
padding-top: 0px !important;
padding-bottom: 56.25% !important;
height: 0px !important;
overflow: hidden;
}

I have attached one screen shot with that code added and one without that code. Note that without the code, the blog text “Hear what Laura Delano…overcoming a mental health crisis.” is there and with the code it disappears. The code is working great for making the videos responsive, but somehow removing text on all our blog posts.

Thank you for your help in resolving this!

Attachments:

You must be logged in to view attached files.

[sjeglum]

I also just noticed that none of our blog posts show any text anymore. Every blog post has text above the video and most have text above and below the video. See here or just look at any of our blog posts: http://crazywisefilm.com/2016/04/06/crazywise-bonus-clip-mental-health-recovery/

I am not sure if this issue is related to this CSS code that we added here or something else. Either way it’s very important to fix.

Thank you,

Sandy

[sjeglum]

Thank you. The video in the YouTube Widget looks better now. However, it should say YouTube in text above the video (just like the other widgets says “Latest Tweets”, “Facebook”, etc.) Do you know why the “YouTube” text isn’t showing up?

It also looks like the Facebook widget is cut off. It is set up to show the latest posts and they are not showing.

I have attached a new screenshot.

Attachments:

You must be logged in to view attached files.

[sjeglum]

Hi Mohammad,

Note the youtube widget on the left side of the attached screenshot. It appears at the very bottom of our website (http://crazywisefilm.com/).

Thanks,

Sandy

Attachments:

You must be logged in to view attached files.

[sjeglum]

I just noticed that this code causes a weird reaction to the youtube widget at the very bottom on our website: http://crazywisefilm.com/

I tried updating the embed code on the widget, but that didn’t change anything:
<iframe src=”https://www.youtube.com/embed/videoseries?list=PLARv6QCNk7V3KxJzb7kEVbl7Tql6Au8R7&#8243; frameborder=”0″ allowfullscreen></iframe>

Is there anything that can be done so that the full video shows in the youtube widget?

Thanks!

[sjeglum]

Looks great. Thanks Kyle!

[sjeglum]

That worked. Thanks Kyle!