1
votes

I'm trying to get Tumblr's photosets to appear 640px wide.

I'm modifying CATCHING ELEPHANT for my blog http://assemblyradio.tumblr.com/

I'm making the whole posts section of the theme wider.However, I can't seem to get photo sets to appear 640px wide.

I would like the sets to show up as Tumblr intended with their fancy layout, because they look great. Therefore this solution is not what I'm looking for: Change default photoset size on tumblr

I have tried java script from here: Tumblr theme dev: Square-75px photos for Photoset posts

and here: Change default photoset size on tumblr

The second script sort of worked but the images are cropped off =(

If I add some custom CSS I can get the iframe to be 640px wide, but then the height does not adjust accordingly!

Everytime I think I figure it out on Chrome's web developer tool, I can't seem to get the code right in Tumblr's custome CSS. I thought using this selector gadget [How can I get the CSS Selector in Chrome? could help me target exactly what CSS I should be editing (to see if that could help) but it can't tell me the path to the element, maybe because it's an iframe.

Does anyone know how to to get custom photoset width? Or how to get an iframe height to adjust automatically? Or how to find a complicated path to a class?

Any help would be much appreciated. I just want to see my cute kittens. Thank you!

1

1 Answers

0
votes

Tumblr's limitations had also been annoying me, so I wrote a jQuery plugin for a fully responsive Photoset layout that uses Tumblr's style. It also includes extra information (that can be toggled on/off) for EXIF and caption data on each photo.

https://github.com/PixelUnion/Extended-Tumblr-Photoset