Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Mar 2011
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question Help with tumblr custom html.

    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

  • #2
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,791
    Thanks
    8
    Thanked 131 Times in 129 Posts
    Got a link?
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #3
    New to the CF scene
    Join Date
    Mar 2011
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by harbingerOTV View Post
    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

  • #4
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,791
    Thanks
    8
    Thanked 131 Times in 129 Posts
    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.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #5
    New to the CF scene
    Join Date
    Mar 2011
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •