WordPress.org

Forums

WordPress Popular Posts
[closed] Title UNDER the thumbnail? URGENT! (27 posts)

  1. phattrance
    Member
    Posted 4 years ago #

    can someone tell me what i need to do to get the posts title under the thumbnail instead of to the right of the thumbnail? (Widget)

    Heres a screenshot of how it looks right now: http://www.n0.se/v/f9f782_screenshot01039.jpg

    as you can see, the title and the stats is to the right of the widget thumbnail. i want them to be BELOW it.

    thank you!

  2. haredx
    Member
    Posted 3 years ago #

    I would also like this, either above or below, it looks bad with the text right next to the picture.

  3. haredx
    Member
    Posted 3 years ago #

    Ok, I figured it out. Open up wordpress-popular-posts.php and go to line 735 which should look like this:

    $content .= '<li>'. $thumb .'<a href="'. get_permalink($wppost->ID) .'" title="'. $title_attr .'"><span class="wpp-post-title">'. $tit .'</span></a>'. $post_content .' '. $stats . $rating .'</li>' . "\n";

    In order to get the title of the post to show up on top of the thumbnail, replace that code with this:

    $content .= '<li><a href="'. get_permalink($wppost->ID) .'" title="'. $title_attr .'"><span class="wpp-post-title">'. $tit .'</span></a>'. $thumb .' '. $post_content .' '. $stats . $rating .'</li>' . "\n";

    Or to have the title show up below the thumbnail, change it to this:

    $content .= '<li>'. $thumb .'<br><a href="'. get_permalink($wppost->ID) .'" title="'. $title_attr .'"><span class="wpp-post-title">'. $tit .'</span></a>'. $post_content .' '. $stats . $rating .'</li>' . "\n";

  4. phattrance
    Member
    Posted 3 years ago #

    just tried to add the code to get the title below the thumbnail but it didnt work :/ i still see the title as they are

  5. haredx
    Member
    Posted 3 years ago #

    I'm using it on my website and it works fine:

    http://thefinickyfork.com

  6. phattrance
    Member
    Posted 3 years ago #

    nope, nothing here!

    tried the one "below" the post and it didnt work at all :(

  7. João Sardinha
    Member
    Posted 3 years ago #

    Can you share the actual page? May be solvable with css without the need to modify the plugin

  8. haredx
    Member
    Posted 3 years ago #

    Use the plugin editor in the backend of WordPress to edit the plugin instead of FTP, also are you using any cache plugins? Perhaps your website is cached so you are not seeing the change you made, I assure you the modification works though, I'm using it on 3 websites now

  9. phattrance
    Member
    Posted 3 years ago #

    just tried with editing the plugin via the plugin editor and it didnt work. i also cleared the cache files etc.

    heres an example: http://funny-pictures-blog.com/2011/05/30/funny-iphone-sms-3/ check the thumbnails on the sidebar!

  10. phattrance
    Member
    Posted 3 years ago #

    anyone had the time to check what could cause this not to be working on my site? the "new" code is up and running on the site but it still doesnt work

  11. João Sardinha
    Member
    Posted 3 years ago #

    add this to your css img.wpp-thumbnail { margin: 0 120px 0 0 ; } It works as you want't, its not the best solution, but the code that the plugin outputs its not very good, so its the only way

  12. phattrance
    Member
    Posted 3 years ago #

    thank you, that worked BUT it kinda medded up my pages were i have the popular post displayed. like this one: http://funny-pictures-blog.com/todays-popular-funny-pictures/

    as you can see, all the links on the page is far away from the thumbnail and not really "connected" with the thumbnails. Is that possible to fix?

  13. haredx
    Member
    Posted 3 years ago #

    Ya, that's a real sloppy way to do that, just use the code that I posted earlier, it works fine. All you have to do is add a <br> after the thumbnail code.

  14. João Sardinha
    Member
    Posted 3 years ago #

    Yes, i see, well if you can change the output code, you can do as haredx recomends, or add this too .entry img.wpp-thumbnail { margin-right: 0 ; } again, these are like mends, because the output code doesnt allow you much flexibility, this solution will have to do

  15. phattrance
    Member
    Posted 3 years ago #

    i added that to the themes css and it seems to be better now. i wish that there would be a way to add more "space" between the pages thumbnails ( http://funny-pictures-blog.com/todays-popular-funny-pictures/ ). they are to close to each other

  16. João Sardinha
    Member
    Posted 3 years ago #

    There's no way to do that, because there are a bunch of lists, and the parent ul doesn't contain a class, if you add a class, then its possible. I assume you are talking about the thumbnails in the middle of the page (content)

  17. phattrance
    Member
    Posted 3 years ago #

    yeah its the thumbnail in the "page / post" area that im talking about

  18. João Sardinha
    Member
    Posted 3 years ago #

    is that content added by you manually?

  19. phattrance
    Member
    Posted 3 years ago #

    the big thumbnails on this post: http://funny-pictures-blog.com/todays-popular-funny-pictures/

    are all added by the popular post using the shortcut codes.

  20. João Sardinha
    Member
    Posted 3 years ago #

    wrap the shortcode in a div like this <div class="popular-posts-page">[shortcode]</div> then i can help you

  21. phattrance
    Member
    Posted 3 years ago #

    Heres the code im using

    [wpp limit=20 range="daily" thumbnail_width=100 stats_comments=0 stats_views=1 order_by="views" pages=1]

  22. João Sardinha
    Member
    Posted 3 years ago #

    <div class="popular-posts-page">[wpp limit=20 range="daily" thumbnail_width=100 stats_comments=0 stats_views=1 order_by="views" pages=1]</div>

    replace by that please

    and then add to the css

    .popular-posts-page li { margin-bottom: 10px ; }

    and play with that value until you like how it feels on the page

  23. Morten Ross
    Member
    Posted 3 years ago #

    @haredx:

    Earlier in this thread you supplied 2 excellent code examples;
    1: for the title to show up below the thumbnail
    2: for the title to show up above the thumbnail

    Do you have one for the title to show up to the right of the thumbnail - just like here in the forums?

  24. haredx
    Member
    Posted 3 years ago #

    The titles show up to the right of the thumbnail by default

  25. Morten Ross
    Member
    Posted 3 years ago #

    If you look closely at the avatar thumbnail and the 3 lines of text in this thread, the text align properly with the thumbnail opposed to with the widget, where the text is placed at the bottom, and will wrap underneath the thumbnail if title is a bit longer.

    Let's give another example of what I mean: http:/www.ross.no/communicate.

  26. Morten Ross
    Member
    Posted 3 years ago #

    Would it help if I say I'm willing to pay to get it right?

  27. esmi
    Forum Moderator
    Posted 3 years ago #

    Try http://jobs.wordpress.net/
    Topic now closed as per the Forum Rules

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WordPress Popular Posts
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic