ウィジェットの一部を隠していますか？

Question

私はチケットを売るためのウィジェットを持っています。ウィジェットの内容がページに表示/ロードされているときは、ウィジェットの下部（3番目）の部分を非表示にする必要があります。クラス「new-page-footer-wrapper」でdivと思う。どうやってやるの？

ウィジェットのコードは次のとおりです。

<!-- Ticket Tailor Widget. Paste this in to your website where you want the widget to appear. Do no change the code or the widget may not work properly. --> 

<div class="tt-widget"> 
<div class="tt-widget-fallback"> 
    <p><a href="https://www.tickettailor.com/all-tickets/18209/4848/ref/website_widget/" target="_blank">Click here to buy tickets</a><br /> 
     <small><a href="http://www.tickettailor.com?rf=wdg" class="tt-widget-powered">Sell tickets online with Ticket Tailor</a></small> 
    </p> 
</div> 

<script src="https://dc161a0a89fedd6639c9-03787a0970cd749432e2a6d3b34c55df.ssl.cf3.rackcdn.com/tt-widget.js" data-url="https://www.tickettailor.com/all-tickets/18209/4848/ref/website_widget/" data-type="inline" data-inline-minimal="false" data-inline-show-logo="true" data-inline-bg-fill="true"> 
</script> 
</div> 
<!-- End of Ticket Tailor Widget --> 

Answer 1

あなたは、セットの高さを適用し、プロジェクトをあなたの任意のlibsのような詳細情報を提供overflow: hidden

div { 
 
    border: 1px solid #e0e0e0; 
 
    height: 80px; 
 
    overflow: hidden; 
 
    padding: 5px; 
 
}

<div> 
 
    <p> This can be seen </p> 
 
    <p> This can also be seen </p> 
 
    <p> This cannot be seen </p> 
 
</div>