[Solved] Poll in a Post - How to set custom CSS to get the iframe to 100% height?
I created a Post and added a Poll to it. Dropping the Poll into the Post is fine. The Poll has many answers, so the Pollblock (inside the post) gets a scrollbar by default.
So I wonder How to turn of the scrollbar to see all possible answers directly without scrolling.
I use cloud4 package. So what I could do is changing the css of protean template, I guess it could be something about the poll/content wrapper
-
It is about the height of the iframe. It is defined height 240px / width 100%. How to set the custom css, that the height is 100% to show all content (without scrollbar)?
Here the default code snippet that I have to change per custom CSS
iframe[Attributes Style] {- border-top-width: 0px;
- border-right-width: 0px;
- border-bottom-width: 0px;
- border-left-width: 0px;
- width: 100%;
- height: 240px;
- }
-
Hello Peter !
If you're sure that all your polls will have some bigger, but comparable heights then you may change directly the settings of .bx-polls-embed class (now it has the height: 200px;).
-
Thank You very much, but with this in the protean custom css field (cloud 4)
.bx-polls-embed { height: 400px; }
I'm not successfull...
-
Then add parent class, I've added .bx-tl-item-raw by Timeline and it works so:
.bx-tl-item-raw .bx-polls-embed { height: 400px; }
-
thx again for your help!, but sorry, no success
-
Sorry for the obvious question - but did you clear the cache after your changes?
-
it is not that obvious as it seems to be 😎 but yes, cache was cleared
-
UPDATE - in the "View post" page is better use this RAW block with the following content:
<script lang="javascript">
var oSelect = $(".bx-base-text-entity-content iframe").first();
oSelect.css("height", "400px");
</script>
It should be placed in the last position of other blocks.
-
Thank You very much LeonidS for this help! Great work!
