css - Tumblr 照片帖子标题定位

Question

我希望有人能够帮助解决以下查询...

我已经建立了一个 Tumblr 博客，我将在上面定期发布照片集。我想为每一组写一个简短的描述。我可以在图像下方的标题字段中执行此操作。这样做的问题是，当在帖子中包含多个图像时，描述将在底部丢失，在所有图像下方。

我希望标题位于帖子顶部，在图片之前，以便观众可以首先阅读说明。

这是博客的链接，虽然现在是空的，但我已经插入了一个测试帖子来显示信息的显示方式。黑色块代表一个图像集，在标题字段中输入了“即将推出”。

http://rg-e.tumblr.com/

任何想法/或指导将不胜感激。

谢谢。

Answer 1

需要查看您的主题代码来为您提供细节，但您只需要移动{block:Caption}正在呈现的位置。

一个例子：

{block:Photoset}
    {block:Caption}{Caption}{/block:Caption}

    {Photoset-500}
{/block:Photoset}

这会将照片集的标题放在照片集上方。

Answer 2

只是为了扩展 graygimore 的答案 - 更改 {block:Caption} 的位置 - 这是我从自定义 tumblr 主题修改的确切代码。工作了一个款待。

再次感谢。

{block:Photo}
                    <section class="caption group">
                                {block:Caption}
                                    <div class="cont">{Caption}</div>
                                {/block:Caption}
                                {block:ContentSource}
                                    <div class="cont content_source">
                                        <a href="{SourceURL}">
                                            {lang:Source}:
                                            {block:SourceLogo}
                                                <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
                                            {/block:SourceLogo}
                                            {block:NoSourceLogo}
                                                {SourceTitle}
                                            {/block:NoSourceLogo}
                                        </a>
                                    </div>
                                {/block:ContentSource}
                            </section>
                        <section class="top media" style="display:block;">
                             {LinkOpenTag}<img src="{PhotoURL-HighRes}"> {LinkCloseTag}{Question}
                        </section>
                    {/block:Photo}