Search code examples
htmlcssthemesblogstumblr

How do I insert more space between a post type and its tags (on tumblr)?


So I recently figured out how to add tags to a theme, but now I'm having trouble with the spacing. Everything looks perfectly fine on text posts and picture posts (example) but for some reason, everything's all compressed on quotes and (chat posts).

The code for chat posts is as follows:

        <div class="conversation post">


                    {block:Title}
                        <h2>{Title}</h2>
                    {/block:Title}

                    <ul>
                        {block:Lines}
                            <li class="member{UserNumber}">
                                {block:Label}
                                    <span class="label">{Label}</span>
                                {/block:Label}
                                {Line}
                            </li>
                        {/block:Lines}
                    </ul>

    {block:HasTags}
    <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
    {/block:HasTags}


                    <div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a>&nbsp; {/block:Date}
    <a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>

                </div>

                {block:PostNotes}
                    <div>{PostNotes}</div>
                {/block:PostNotes}

            {/block:Chat}

Any advice for code I can add or alter to get the space I want between the post itself and the tags???


Solution

  • Sorry I read that wrong...

    Where you have

    <ul>
        {block:Lines}
            <li class="member{UserNumber}">
               {block:Label}
                <span class="label">{Label}</span>
                {/block:Label}
                {Line}
             </li>
          {/block:Lines}
    </ul>
    

    Change it to

    <ul style="margin-bottom:50px">
        {block:Lines}
            <li class="member{UserNumber}">
               {block:Label}
                <span class="label">{Label}</span>
                {/block:Label}
                {Line}
             </li>
          {/block:Lines}
    </ul>
    

    The 50px (50 pixels) is the gap