Resolved Border around embedded videos ...

[psyiman 0]

Hi all

The recent update to 2.3 changed a few things on my site.

Most of the changes were minor layout and formatting alterations but the main one has been the white border around my YouTube videos. Before the upgrade these borders / padding were a pleasant semi transparent blue - Now they are brilliant white. Can anyone suggest how I might change it back. Thanks in advance.

Andrew.

[Danny+ 1,327]

Hi,

This is because from the looks of it, you have embedded your YouTube clip into a <pre>YouTube Link</pre> tags, remove these tags from your YouTube embed code and the border should be removed.

[psyiman 0]

Hi Danny,

While the original blue border was quite nice, no border at all is better than the white - Thanks.

[catrina 103]

Can you please post a link to your site?

[psyiman 0]

sub60videos.com

[Rob 547]

Presently, I do not see any borders around your videos. Is this issue resolved?

[psyiman 0]

Hi Rob

I would love to have what I originally had before the upgrade to 2.3 (Blue Borders around embedded video), in the meantime however, it seems that borderless is a simpler support solution and looks a lot nicer than brilliant white borders.

I hope that makes sense :-) .... ?

Getting my original blue borders / padding back would be nice - Can you suggest how?

Thank you in advance,

Andrew

[Rob 547]

Andrew,

I did this as a test. Add it to Dashboard > PageLines > Site Options > Custom Code > CSS Rules at the end.

.featured_branding_wrap {

    border: 3px solid white;

    overflow: hidden;

}

Mind you, it's white for visual purposes only. You can change the word 'white' to any color such as #C00000 (deep red) using alpha-numeric values, such as that or, using words like navy. Unfortunately, your images are not scaled properly, and I think you may have it set for Aspect rather than Static. I'm getting a 2 pixel gap on the left and about 30px on the bottom. If I change

.featured_branding_wrap {

    max-height: 410px;

}

to

.featured_branding_wrap {

    max-height: 390px;

}

The bottom gap vanishes.

[psyiman 0]

Hi Rob

Thanks for your efforts on this.

The border I'm talking about is the one that surrounded the embedded YouTube videos in the actual Sub60 posts - Not the featured branding wrap.

My first PageLines post on the topic (see above) has an image attached - This shows a white border around an embedded YouTube video.

The original colour of that border was a blue - Similar to the border around the post thumbnails .... see image .

Andrew

[Rob 547]

Andrew,

Try this:

.player-container {

-moz-transition: left 300ms ease 0s, right 300ms ease 0s;

border: 5px solid navy;

bottom: 0;

left: 0;

position: absolute;

right: 0;

top: 0;

}

Again, navy was used tor contrast to the background which is already blue.

If you want things like shadows, etc. copy and paste from the thumbnail CSS using Firebug.

[psyiman 0]

Hi Rob

For some reason I couldn't get yours to work - I'm a total newbie with CSS .., etc.

My son came up with:

.youtube_sc {

border: 5px solid #5782C0;

box-shadow: 0 1px 2px rgba(0,0,0,0.5);

}

It's not what I had - but now - it's just like the thumbnail border.

Once again Rob - Thanks for helping out.

Andrew

[Danny+ 1,327]

The topic was marked as resolved.