title: How can I show all YouTube videos with their descriptions expanded by default?
body: <p>I think the curator script dictates the CSS size but I can't get it just right. </p>
  
  <p>Here in this jsfiddle you'll see:<br>
  <a href="https://jsfiddle.net/supplement/fmjrvsze/1/" rel="nofollow noreferrer">https://jsfiddle.net/supplement/fmjrvsze/1/</a></p>
  
  <p>It may be easier to look at it directly on the website:<br>
  <a href="https://www.mailmyprescriptions.com" rel="nofollow noreferrer">https://www.mailmyprescriptions.com</a></p>
  
  <p>Where it displays the content the top two YouTube videos have the <code>Read more</code> buttons and the bottom two are fully expanded.</p>
  
  <p>I want all four (all even when you use the <code>Next</code> buttons) on the page to be fully expanded and not have the <code>Read more</code> button at all.</p>
  
  <p>I've tried adjusting the <code>padding-top</code> from <code>4em</code> to <code>0em</code> and I got it almost correct but there was still a bit of transparent haze.</p>
  
  <pre><code>.crt-post-v2.crt-post-max-height .crt-post-max-height-read-more {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      padding-bottom: 0.5em;
      padding-top: 4em;
      margin: 0em;
      background: transparent;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(50%, #efefef));
      background: linear-gradient(to bottom, transparent 0%, #efefef 50%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
  }
  </code></pre>
  
  <p>Don't do much front end or mobile development anymore so any and all help would be greatly appreciated. Help please.</p>
  
  <p>I want them to all look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/u8GYA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/u8GYA.png" alt="enter image description here"></a></p>