Note that there are some explanatory texts on larger screens.

plurals
  1. PORemove padding around element
    primarykey
    data
    text
    <p>I'm attempting to reduce the amount of border space available to to the dark area at bottom and top </p> <p>So : </p> <p><img src="https://i.stack.imgur.com/IZlhe.png" alt="enter image description here"></p> <p>Should be : </p> <p><img src="https://i.stack.imgur.com/eTJz6.png" alt="enter image description here"></p> <p>I've tried adding padding-bottom: 0px !important to pds-vote. pds-vote being the vote element that I am trying to reduce the padding on but does not seem to have any effect.</p> <p>Here is the fiddle: <a href="http://jsfiddle.net/25LjE/79/" rel="nofollow noreferrer">http://jsfiddle.net/25LjE/79/</a></p> <p>Code behind the fiddle:</p> <pre class="lang-css prettyprint-override"><code>.pds-question-top { font-size:10pt !important; padding-top:1px !important; padding-bottom:1px !important; margin-top:1px !important; margin-bottom:1px !important; } .pds-pd-link, .pds-comments { display:none !important; } .pds-box { width:220px !important; } .pds-input-label { width:85% !important; } .PDS_Poll { margin-bottom:15px; } .pds-answer-span { color:#00f; } .pds-vote { background-color:#424242; } .pds-answer-text { color:#00f; padding-top:1px !important; padding-bottom:1px !important; margin-top:1px !important; margin-bottom:1px !important; } .pds-answer-feedback { padding-top:1px !important; padding-bottom:1px !important; margin-top:1px !important; margin-bottom:1px !important; } .pds-votebutton-outer { text-align:center; } .pds-answer-group { padding-top:1px !important; padding-bottom:1px !important; margin-top:1px !important; margin-bottom:1px !important; height:auto; overflow:hidden; } .pds-input-label,.pds-answer-input { float:left; } .pds-view-results,.pds-links { color:#FFF !important; padding-top:1px !important; padding-bottom:1px !important; margin-top:1px !important; margin-bottom:1px !important; } .pds-comments,.pds-return-poll { color:#FFF !important; } .pds-links { display: inline !important; } .pds-pd-link { display: none !important; } .pds-box { width: 220px !important; } .pds-input-label{ width: auto! important; } .PDS_Poll{ margin-bottom:15px; } .pds-question-top {padding:0 !important} </code></pre> <p>HTML behind the fiddle: </p> <pre><code>&lt;script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"&gt;&lt;/script&gt; &lt;noscript&gt;&lt;a href="http://polldaddy.com/poll/6352993/"&gt;This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............&lt;/a&gt;&lt;/noscript&gt; $(document).ready(function() { $('.pds-question-inner').prepend('&lt;span style="color:red;font-weight:bold;font-size: 15px;float:left"&gt;Header&lt;/span&gt;'); }); </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload