Adjusting padding and font size of Video Description

Hi All

Need some help adjusting the font size of the Video Description  and  reducing the spacing between the Video and Video Description itself.

I have specified the Description font size in CSS, however I would like it to adjust in size when browser is scaled and for mobile. Currently it just stays the same size.

CSS used:

/* caption font size on videos */
.video-caption * { 
 font-size:16pt !important; 
 padding-top: 0px !important;
}

Page in question: Page: https://studioyoung.com/test

I'm also having trouble reducing the spacing/padding between description and video any more then it currently is. 

Appreciate the help.

4 hours ago, Inkdave said:

Hi All

Need some help adjusting the font size of the Video Description  and  reducing the spacing between the Video and Video Description itself.

I have specified the Description font size in CSS, however I would like it to adjust in size when browser is scaled and for mobile. Currently it just stays the same size.

CSS used:

/* caption font size on videos */
.video-caption * { 
 font-size:16pt !important; 
 padding-top: 0px !important;
}

Page in question: Page: https://studioyoung.com/test

I'm also having trouble reducing the spacing/padding between description and video any more then it currently is. 

Appreciate the help.

 

Try the following custom css

#block-a1ba7341014e31df0d85 .video-caption p {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .video-caption p {
    font-size: 16px !important;
  }
}

Let me know how it works on your site

Hey man,

that works pretty great thanks!

One slight issue is that my video description is set over two lines and the fist line is set to bold. Because it has a 'bold' style applied it doesn't seem to scale.

If you remove style it all scales perfectly.... ant thoughts?