• Locked
1 reply [Last post]
Tue, 2015-12-15 12:27
guidomarchal
guidomarchal's picture
Offline
newbie
Last seen: 7 years 23 weeks ago
Timezone: GMT+1
Joined: 2015-12-09
Posts: 3
Points: 5

Hello

here is my url

I want to have less black space at the bottom of my footer under the youtube video how can I reduce that?
SEO SNEL
Here is my code..

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

Top
Tags:
Tue, 2015-12-15 21:43
#1
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Edit these selectors as

Edit these selectors as below.

.video-container iframe, .video-container object, .video-container embed {
  width: 50%;  /* Why?  What compelling reason do you have? */
}
 
.video-container {
  padding-top: 30px;
}

Adjust bottom spacing with bottom padding here

.footer-distributed {
  background-color: #292c2f;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  font: 16px sans-serif;
  margin-left: 2.5%;
  margin-right: 2.5%;
  margin-top: 80px;
  max-width: 95%;
  padding: 45px 50px;  /* <<< even more space at the bottom */
  text-align: left;
}

Don't throw rules at stuff without compelling reason. Stay as plain as you can.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Top
  • Locked