Help with tumblr custom html.

L1D3N · 03-19-2011, 03:09 AM

Hello,

I am trying to make it so my tumblr will show 5-10 photos of my latest "likes". I found this code and it works but it lines the photos up top to bottom in a single row and I would like them from left to right placed next to each other.

{block:Likes}
<center><div id="likes_container">
<h2>Stuff I like</h2>

{Likes limit="5" summarize="100" width="150"}

</div></center>
{/block:Likes}

Everything on my site is centered and the background is stationary so people just scroll my tumblr easily. no sidebars etc... I am a novice at this so please bare with me.

Thank You

harbingerOTV · 03-19-2011, 03:40 PM

Got a link?

L1D3N · 03-20-2011, 07:30 AM

Quote:

Originally Posted by harbingerOTV

Got a link?

Sure, this is not my tumblr just an example since I am in the process of building my tumblr. On the right side it says "Stuff I Like" it displays the photos of his likes from top to bottom and I would like them displayed left to right.

LINK

harbingerOTV · 03-20-2011, 04:55 PM

this is the CSS that is effecting that part of his Tumblr:

Code:

li.like_post {
    float: left;
    margin-bottom: 15px;
    padding: 0 40px 0 0;
    width: 300px;

You'll need to adjust the width and the padding to make yours line up horizontally.

L1D3N · 03-21-2011, 03:59 PM

Sorry, I'm new to working with this. How would I work that into my code so it would line them up from left to right horizontal?
Thank You