Jump to content


Photo
- - - - -
Resolved

Border around embedded videos ...



  • Please log in to reply
11 replies to this topic

#1 psyiman

psyiman

    Member

  • Members
  • 10 posts
  • LocationNew Zealand
  • Framework Version:2.3

Posted 28 September 2012 - 11:53 AM

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.

Attached Files



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15194 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 28 September 2012 - 12:24 PM

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.

#3 psyiman

psyiman

    Member

  • Members
  • 10 posts
  • LocationNew Zealand
  • Framework Version:2.3

Posted 28 September 2012 - 12:32 PM

Hi Danny,

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

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 28 September 2012 - 03:00 PM

Can you please post a link to your site?

#5 psyiman

psyiman

    Member

  • Members
  • 10 posts
  • LocationNew Zealand
  • Framework Version:2.3

Posted 28 September 2012 - 08:50 PM

sub60videos.com

#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 28 September 2012 - 11:23 PM

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

#7 psyiman

psyiman

    Member

  • Members
  • 10 posts
  • LocationNew Zealand
  • Framework Version:2.3

Posted 29 September 2012 - 05:51 AM

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

#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 29 September 2012 - 10:04 PM

Andrew,

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

Please Login or Register to see this Hidden Content


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

Please Login or Register to see this Hidden Content

to

Please Login or Register to see this Hidden Content

The bottom gap vanishes.
  • WebWerx likes this

#9 psyiman

psyiman

    Member

  • Members
  • 10 posts
  • LocationNew Zealand
  • Framework Version:2.3

Posted 30 September 2012 - 01:14 AM

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

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

  28.41KB   11 downloads.


Andrew

#10 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 30 September 2012 - 02:00 PM

Andrew,

Try this:

Please Login or Register to see this Hidden Content


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.

#11 psyiman

psyiman

    Member

  • Members
  • 10 posts
  • LocationNew Zealand
  • Framework Version:2.3

Posted 01 October 2012 - 06:33 AM

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

#12 Danny

Danny

    Is Awesome!

  • Moderators
  • 15194 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 01 October 2012 - 06:39 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved