Hi, I have a tumblr feed embeded in a widget in iWeb. I would like to set the width of the widget to 120 pixels however tumblr doesnt allow me to specify this. How can I do it? I think I need a bit more code but I dont know what exactly. Any help would be gratefully accepted.
iWeb '08
What code are you using in the Snippet?
This is the code which I have from tumblr;
<script type="text/javascript" src="http://thehometailor.tumblr.com/js"></script>
Any help would be gratefully received!
S x
Try this :
<style>
ol {list-style-type: none;}
</style>
<div style="width: 400px; height: 500px;">
<script type="text/javascript" src="http://thehometailor.tumblr.com/js"></script>
</div>
Edit :
Added the Style code to remove the numbers at each item.
And to avoid the indent at the left, use this :
ol {list-style-type: none; padding-left:0px;}
Result :
Thanks for this but it doesnt seem to do anything....
Oh well...
If you want to reduce the width of the widget you need to add some CSS to reduce the image width.
The div has been given a class to define the snippet styling rules. The bottom padding is added to stop the snippet chopping off the last entry.
This is a rough demo and I'm sure the CSS could be improved!
you can't resize because tumblr hard coded the images to 400px x 400px.
so you need to change the image size with either css or javascript, here is my javascript approach:
http://temp.cyclosaurus.com/revolving/WidgetResize.html
code is in the html widget markup file.
why do you use tumblr? their server is slow, slow, slow....
what is it have to do with the op question?
Quastion about embeding Tumblr in iWeb
