WordPress.org

Ready to get started?Download WordPress

Forums

Reaction Buttons
[resolved] Adding Thumbnail to posts displayed using shortcode (12 posts)

  1. andreitifrea
    Member
    Posted 11 months ago #

    Hey,

    I was wondering how, when using the most clicks shortcode, I can add the featured image of the posts in thumbnail size next to the post title and excerpt?

    Thanks a lot!

    http://wordpress.org/plugins/reaction-buttons/

  2. Jakob Lenfers
    Member
    Plugin Author

    Posted 9 months ago #

    Sorry, I missed your post. Sadly it isn't implemented at the moment.

  3. Faisal Humayun
    Member
    Posted 3 months ago #

    +1 for this feature. Would happily donate if it will facilitate a commitment.

  4. Jakob Lenfers
    Member
    Plugin Author

    Posted 3 months ago #

    I just pushed version 1.8.0 to the repository, which should be available shortly, that adds that function.

  5. Faisal Humayun
    Member
    Posted 3 months ago #

    Awesome ! Please accept my donation :)

  6. Faisal Humayun
    Member
    Posted 3 months ago #

    Hey Jakob,
    Do you have an english page for the paypal donation ?( it seems that my US paypal login credentials don't work with the one attached to the plugin ).

    Or, please email me at faisal.humayun@outlook.com and maybe you can invoice me directly?

  7. Jakob Lenfers
    Member
    Plugin Author

    Posted 3 months ago #

    Thanks for the donation, we worked it out.

  8. osckar
    Member
    Posted 2 months ago #

    Hi:

    When using show_post_thumb=true the thumbnail appears above the title. I would like to style the image to align it to the left of the title, which is the css rule that controls this behavior?

    Thanks!

  9. Jakob Lenfers
    Member
    Plugin Author

    Posted 2 months ago #

    Sorry, no idea.

  10. Faisal Humayun
    Member
    Posted 2 months ago #

    Hey Osckar,
    You could try using the "inspect element" accessible by the right-click context menu of your browser to figure out any css declaratives, as I did, and applied the following to my own site ( http://seekeraftertruth.com )

    .widget_reaction_buttons .attachment-post-thumbnail {
    display: block;
    width: 70px !important;
    height: 70px !important;
    float: left;
    margin: 5px 18px 0px 0px;
    }
  11. osckar
    Member
    Posted 2 months ago #

    Hi:

    @Faisal Humayun: thanks for your advice, that's exactly what I did :P I share my css code, this is some basic styling that could be enhanced:

    div.reaction_buttons_most_clicks img {
    display: block;
    margin: 5px 18px 0px 0px;
    float: left;
    }
    
    .reaction_buttons_most_clicks ol li {
    clear: both;
    font-size: 20px;
    }

    The clear property is needed on the ordered list to avoid the "staircase" effect on the elements. (BTW, your site has this effect, you should fix it to avoid image jumping up)

    The shortcode I'm using is:

    [reaction_buttons_most_clicks limit_posts=10 show_post_thumb=true only_buttons=OMG]

    Thanks!

  12. Faisal Humayun
    Member
    Posted 2 months ago #

    @Osckar - Hey thanks so much for that pro tip! :P I'm by no means a css guru and really wasn't sure if that was something that could be fixed. I got it all fixed now.

    Likewise, I'm glad you were able to take care of your situation and share your findings with the community.

    I hope our exchange helps anyone else who is looking for answers :)

Reply

You must log in to post.

About this Plugin

About this Topic