Scroll down in widget possible, please?

  • Unknown's avatar
    dickiebo · Member ·

    I have a text widget giving details of posts on my other blog. It is likely to get to be a bit long, so I was wondering whether it is possible to have one of those scroll-down widgets. If u know what I mean!! Thanks.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    Yes you can add a scroll bar to a text widget. Instructions are here http://onecoolsite.wordpress.com/2008/08/17/adding-scroll-bars-to-text-widgets/

  • Unknown's avatar
    panaghiotisadam · Member ·

    A variant of the code suggested in that post:

    <div style="height:150px;white-space:pre-wrap;overflow:auto;padding:8px;">
YOUR_LIST_HERE
</div>

    (Pre-wrap will create extra line breaks where necessary, padding will create the proper space between left border and text.)

    Another possibility is to have the list show up the way the other sidebar lists do, i.e. bulleted. In that case, instead of break tags use the code for unordered lists: 

    <div style="height:150px;white-space:pre-wrap;overflow:auto;">
<ul>
<li>FIRST_TITLE</li>
<li>SECOND_TITLE</li>
[ETC.]
<li>LAST_TITLE</li>
</ul>
</div>
  • Unknown's avatar
    dickiebo · Member ·

    Absolutely brilliant. Thanks a million, guys.

  • Unknown's avatar
    thesacredpath · Member ·

    Nice additions panaghiotisadam.

  • Unknown's avatar
    panaghiotisadam · Member ·

    @tsp: Thanks, and welcome back!

    @dicikiebo: You’re welcome – but what’s it doing in a post? That was designed for the sidebar!

    By the way, your “A Meme” page is messed up, because you’ve made a couple of mistakes in applying the coding for the headers of sections 2 and 3.

    Section 2 begins like that: 

    <div class="postwrapper" style="margin-left:-.19in;">
<div class="title">
<h2Memes</h2>
</p></div>
<div style="margin-left:.19in;">
<p align="none"></p>

    You need a bracket after the first “h2”, and no p tag after the second, i.e.: 

    <div class="postwrapper" style="margin-left:-.19in;">
<div class="title">
<h2>Memes</h2>
</div>
<div style="margin-left:.19in;">
<p align="none"></p>

    Same thing for the beginning of section 3.

    Before the beginning of section 3 you need this (to close the opening div tags of section 2):
    </div></div>
    Same thing at the very end of the post.

    And if your last phrase (in italics) starts with an opening p tag, you need a closing one after it.

    To avoid such problems in the future, better go to Settings>Writing and check the “WordPress should correct invalidly nested XHTML automatically” option.

  • Unknown's avatar
    dickiebo · Member ·

    panaghiotisadam; Ta very much so. Have done – and put in sidebar instead of in the post. As you have undoubtedly gathered, I don’t understand coding, and struggle with it. And before you suggest it – I’m afraid I’m too blooming old now to learn!!! Many thanks.
    PS. You Volunteers might like to know that I learn much of what I know, from your advice here in the Forum. Cheers.

  • The topic ‘Scroll down in widget possible, please?’ is closed to new replies.