How Do I Remove White Border Around Banner Graphic, QT Player?

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Just put up a new site and I love everything about it exceeeeeept...

There's a white border showing up around:

a) my banner graphic and
b) my .mov file once I click "play", at least in Firefox. (Chrome is nice enough to just push my video down way too far on the page for no apparent reason. Lovely.) This mov file is on the "Sizzle Reel" page.

As everything on my site is dark grey/black, these white lines are really muckin' up the works. Any advice?

Site can be viewed here:
http://silenttreatmentproductions.yol...

See how happy Spongebob is? That's how happy I'll be once I can solve these issues!


Thanks!!!
Gina
Photo of boogieg

boogieg

  • 10 Posts
  • 3 Reply Likes
  • befuddled!

Posted 8 years ago

  • 1
Photo of Justine

Justine

  • 751 Posts
  • 45 Reply Likes
Hi Gina,

I think the border around your banner is caused by your banner image being too small for the banner area. Could you try resizing it, and see if that takes the white border away?

We do have some tutorials that deal with editing banners, which you might find helpful: http://www.yola.com/tutorials/categor....

I have visited your site, but can't see the video on the http://silenttreatmentproductions.yol... page, so I can't check the border on that. If you have recently edited your site and added the video, you need to republish your changes before they are visible on your live site.

Let me know if you need any more assistance with this!

- Justine
Photo of boogieg

boogieg

  • 10 Posts
  • 3 Reply Likes
Thanks, Justine.

I've resized my banner graphic to the dimensions indicated, but I'm still seeing that white stroke around it. I checked out those tutorials but didn't see anything regarding this specific issue other than the recommendation that I size my graphic in the manner you suggested.

I'm also noticing another issue:

On the Sizzle Reel page (I'm still working on the video showing up in IE), I've added my Google Analytics code in an HTML widget on the bottom, just as I've done on my other 2 pages. But the Sizzle page, when viewed in IE, shows a big empty box which extends the length of my page. This only shows up on the Sizzle page in IE (the other 2 pages are fine, and all seems to be well in Firefox).

I'm seeking help w/my embed html for my mov file on the sizzle page. I'm going crazy!

Thank you so much!!
Gina
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi boogieg

Wow Spongebob has quite a smile!

I took a look at your site and I have been able to remove the white border that is messing things up on your site with a bit of HTML/CSS. Please take a look at your site and let us know if that is how you would like it to look.

As for your movie, I see checked the code and see that it is referencing the .mov file, Silent_Treatment_Sizzle_Medium.mov. Have you uploaded that file into your File Manager?

Hoping to hear from you soon!

Thank you
Nazlie
Photo of boogieg

boogieg

  • 10 Posts
  • 3 Reply Likes
Nazlie! You rock! Thanks for nuking that border. Is there any way to change the height of the banner so that my logo doesn't have to be so huge? I've made the banner smaller, but then it's still surrounded by a bunch of dark grey space.

I hadn't uploaded my .mov file via Yola because it was uploaded to my hosting account on GoDaddy and that's the file I was linking to. I've uploaded it and will hopefully figure it out from here.

Did you happen to take a look at the Google Analytics HTML block at the bottom of the Sizzle page? It's invisible in firefox, but appears as an empty box in IE.

So close!
Cheers,
Gina
Photo of boogieg

boogieg

  • 10 Posts
  • 3 Reply Likes
Okay - after tirelessly searching for instructions on how to embed video and subsequently failing, I've tried the method outlined here:
http://www.yola.com/tutorials/article...

but my video's not loading. This seems to be the last piece of my frustrating puzzle. Hopefully you can help!

Thank you,
Gina
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello boogieg

It appears that you're trying to add a video that you've uploaded to YouTube? If that's the case, the instructions you're trying to use may not be the best option to go. I suggest using these steps instead:

1. Open the "Multimedia" folder on the right hand side of the screen, and drag and drop a Youtube Widget onto your page.
2. In the dialog box that opens, paste the URL for the Youtube video that you would like to use. In your case, it's: https://www.youtube.com/watch?v=g15qRW...
3. Click on "Save".

A video will then be embedded in your web page.

Please let me know if you have any trouble with this.
Photo of boogieg

boogieg

  • 10 Posts
  • 3 Reply Likes
Thanks, Sanja.

I had originally been trying to embed a .mov file which I'd uploaded through file manager, but no matter what I tried, it wasn't working. Finally, about an hour before you replied, I figured out how to get it to stream via YouTube without looking too much like it was coming through YouTube. Took me a long time to figure it out, but I got it!

You guys are amazing, by the way. I can't thank you enough for your responsiveness and patience.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Fantastic work! It looks great! Would you care to share how you did this? I always love learning new things :)