Need help? Check out our Support site, then


how to add an icon > or a drop down box to the sidebar

  1. How can an icon be added to the sidebar?

    How can a drop down box be added to the sidebar?

    The blog I need help with is nina80.wordpress.com.

  2. Image or icon in sidebar:
    http://support.wordpress.com/widgets/text-widget/#adding-an-image
    Drop down box:
    No can do.
    (The only available 'drop down box' is the categories widget)

  3. Thanks very much.

  4. You can add a scroll bar to your sidebar...

    <div style="height:120px;width:230px;white-space:pre-wrap;overflow:auto;">text here</div>

    You'll have to adjust the width depending on your theme, but you can also adjust the height depending on how much of the text/photo you want visible. You can also format the text if you'd like to...

    Hope it helps.

  5. Thanks, yes it sure does.

    I'm using the icon as a link, and will take a look at the bar.

  6. @feartheseeds
    Good point. Not a drop down box as such, but it may save some space compared to a full list.

  7. It's not scrolling, and there's a space underneath it.

    <li> <a href="http://nina80.wordpress.com/2009/07/20/schedule/"><br /> <div style="height:120px;width:230px;white-space:pre-wrap;overflow:auto;"><br /> 6 week schedule <img src="http://nina80.files.wordpress.com/2009/07/pdficon3.jpg"><br /> </div></a></li>

  8. That didn't show it right.

    li<br /> a href="http://nina80.wordpress.com/2009/07/20/schedule/"<br /> div style="height:120px;width:230px;white-space:pre-wrap;overflow:auto;"<br /> 6 week schedule<br /> img src="http://nina80.files.wordpress.com/2009/07/pdficon3.jpg"<br /> /div /a /li

    (brackets removed)

  9. Oh, I put the whole list in the "text here" location?

  10. That's cool. I got it, thanks. :)

  11. Glad it worked for you. You'll need to adjust the width a little. You also put the image link where the text is as well... this is how I put one in my sidebar (I'm using a link to your image):

    `<div style="height:120px;width:230px;white-space:pre-wrap;overflow:auto;"><img width="170" src="http://nina80.files.wordpress.com/2009/07/location1.jpg" height="240" class="reflect" /></p></div>'

    If you want to post code in the forum just add a tick before and after, it's the mark under the ~ on the top left of your keyboard.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.