Take the 2-minute tour ×
Web Applications Stack Exchange is a question and answer site for power users of web applications. It's 100% free, no registration required.

I'm trying to get the Tumblr Photo post blocks "Caption", "Tags" and "Date" to appear inline.

I tried a couple of ways but have got stuck, as the "Caption" block refuses to work in line and seems to like being on its own line.

The blog is: http://holidaytim.tumblr.com/. (Ignore the coloured borders, that's just for my reference.)

I've added the following block:

{block:post_Text}

    <ul class="postText">

        {block:Caption}
        <li class="postText"> {Caption} </li>
        {/block:Caption}

        {block:Date}
        <li class="postText"> {DayOfWeek} </li>
        {/block:Date}

        {block:Date}
        <li class="postText"> {DayOfMonth} </li>
        {/block:Date}

        {block:Date}
        <li class="postText"> {Month} </li>
        {/block:Date}

        {block:Date}
        <li class="postText"> {Year} </li>
        {/block:Date}

        {block:Tags}
        <li class="postText"><a href="{TagURL}">{Tag}</a></li>
        {/block:Tags}

    </ul>

{/block:post_Text}

With the following CSS declarations:

ul.postText {
    border: 1px solid red;
}

li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

li.postText {
    display: inline;
    border: 1px solid green;
}

Any help would be appreciated.

share|improve this question
add comment

1 Answer

The caption short-code changes to a paragraph (captions can be multiple lines)

li.postText p {
    display: inline;
}
share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.