photoset layout

2,853 views
Skip to first unread message

koir8

unread,
Feb 8, 2012, 4:02:30 PM2/8/12
to Tumblr Themes
Is there a way to have a single column layout for a photoset, akin to
"3 in a row" layout, but where photos follow one after the other in a
column?

also is there a way to get rid of the margins between photoset items
so that photos have no gaps between them?

Photosets are being loaded through iframes, and there seems no way to
influence the content, anyone aware of the options?

Regrads

palLABS

unread,
Feb 23, 2012, 10:53:47 AM2/23/12
to Tumblr Themes
for reference, you can check out this theme:
http://thedefaultnetwork.tumblr.com/

or if you are comfortable editing the code
this is the basic code that does it:

html markup:

{block:Photoset}
{block:Photos}
<div class="media">
{LinkOpenTag}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
{LinkCloseTag}
</div>
{/block:Photos}
{/block:Photoset}

css:

.media img {
width: 100%;
}

hope that helps :)

Danny

unread,
Apr 9, 2012, 5:07:05 PM4/9/12
to Tumblr Themes
I've successfully used this code to have 3+ images in a column without
the preset photoset layout...however now my captions for those posts
are missing. What am I doing wrong?

Thanks!

PHIL SE

unread,
Apr 10, 2012, 2:17:13 AM4/10/12
to tumblr...@googlegroups.com
You are missing the caption block. Use this HTML code:

{block:Photoset} 

   {block:Photos} 
      <div class="media"> 
         {LinkOpenTag} 
            <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/> 
         {LinkCloseTag} 
      </div> 
   {/block:Photos} 
    {block:Caption} 
       {Caption}
    {/block:Caption}
 {/block:Photoset} 

Danny

unread,
Apr 10, 2012, 8:59:15 AM4/10/12
to Tumblr Themes
Hi Phil,

Thanks for the reply -- however, I'm still not seeing my caption. At
least, not with that just pasted into the theme html...

On Apr 10, 2:17 am, PHIL SE <w...@philse.com> wrote:
> You are missing the caption block. Use this HTML code:
>
> {block:Photoset}
>    {block:Photos}
>       <div class="media">
>          {LinkOpenTag}
>             <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
>          {LinkCloseTag}
>       </div>
>    {/block:Photos}
>     {block:Caption}
>        {Caption}*
> *

Phil

unread,
Apr 10, 2012, 4:20:52 PM4/10/12
to tumblr...@googlegroups.com
If you email me the link to your Tumblr I can take a look at it.

Danny

unread,
Apr 12, 2012, 9:38:28 AM4/12/12
to Tumblr Themes
I appreciate it, Phil:

http://reveriecinemaverite.tumblr.com/

Phil

unread,
Apr 12, 2012, 10:25:24 PM4/12/12
to tumblr...@googlegroups.com
Sorry, could you actually throw your theme code up on pastebin.

Danny

unread,
Apr 13, 2012, 12:08:50 AM4/13/12
to Tumblr Themes
Here you go http://pastebin.com/KYPQE7Bb

On Apr 12, 10:25 pm, Phil <w...@philse.com> wrote:
> Sorry, could you actually throw your theme code up on pastebin<http://pastebin.com/>
> .

Phil

unread,
Apr 13, 2012, 1:04:08 AM4/13/12
to tumblr...@googlegroups.com
Replace your theme code with this http://pastebin.com/LfNEM6Kx

Danny

unread,
Apr 13, 2012, 8:59:41 AM4/13/12
to Tumblr Themes
Hi Phil, that link isn't working for me: Unknown Paste ID!

Phil

unread,
Apr 13, 2012, 1:33:37 PM4/13/12
to tumblr...@googlegroups.com

Danny

unread,
Apr 13, 2012, 2:38:22 PM4/13/12
to Tumblr Themes
Wow perfect, works like a charm! Many thanks for your efforts, Phil!

On Apr 13, 1:33 pm, Phil <w...@philse.com> wrote:
> Try thishttp://pastebin.com/V50xsPPM

kpo...@gmail.com

unread,
Aug 20, 2012, 8:11:45 PM8/20/12
to tumblr...@googlegroups.com, dka...@gmail.com
Hello! I was refered by this blog  to ask my question here... So I tried applying the greyscale effect on my tumblr but somehow it works perfectly with most of the posts but not with the photosets! url : my-biases.tumblr.com !

Any idea how can I fix this?

Thank you!

Vladimir Starkov

unread,
Aug 21, 2012, 6:38:09 AM8/21/12
to tumblr...@googlegroups.com, dka...@gmail.com, kpo...@gmail.com
Your question in not tumblr issue, so go to the Stackoverflow and ask about it there. Answers will be fast and helpfull.
Reply all
Reply to author
Forward
0 new messages