WordPress.org

Ready to get started?Download WordPress

Forums

Single Latest Posts Lite
[resolved] Align the thumbnail (10 posts)

  1. waxworx2
    Member
    Posted 1 year ago #

    Hello

    Congratulations for this plugin.
    For a long time I was looking for one like this.

    I have a small problem.
    How to align the thumbnail to the left of title and of excerpt ?

    Otherwise it is perfect thank you.

    Laurent

    http://wordpress.org/extend/plugins/single-latest-posts-lite/

  2. waxworx2
    Member
    Posted 1 year ago #

    Hello
    I just bought the plugin Latest Single Post (Order: # 185) thinking it would be more configurable.
    I would just align the excerpt and title to the right of thumbnail.
    But I try to edit "default_style" in core/css from the line 479 without success, with the attribute "float: left;" for the thumbnail.
    Could you help me just for that? Thank you

  3. Jose Luis SAYAGO
    Member
    Plugin Author

    Posted 1 year ago #

    Hi, of course I can help you. I'm preparing an update to make it easier to float thumbnails to the left side. It will soon be available, there is also a new feature included in the premium version.

    As soon as it is available I will send you an email to let you know.

    Best regards,
    José Luis

  4. waxworx2
    Member
    Posted 1 year ago #

    It's a good idea because I have found no equivalent plugin (except "U More Recent Posts" but it does not function "excerpt") This updated in the premium version will feature a big advantage.
    It would also be great to include the date of posts...

    Thank you very much.
    Laurent

  5. Jose Luis SAYAGO
    Member
    Plugin Author

    Posted 1 year ago #

    The new version is available, the premium include display full post content using the display_content=true parameter. If you want to display the dates use full_meta=true.

    Now it's easier to manipulate the CSS to float thumbnails to the left, here's an example: Thumbnails floated to the left

    To apply a custom style just upload your CSS file to your active theme root folder (where the style.css file is found, this is to prevent it from deletion every time the plugin is updated) then use the css_style parameter, for example, to replicate what you see in the screenshot linked before I created a CSS file called slposts-thumbleft.css which I saved inside the root folder of my active theme, then I used this shortcode:

    [slposts title_only=false auto_excerpt=true thumbnail=true css_style=slposts-thumbleft]

    My slposts-thumbleft.css file contains the following rules:

    .slposts-wrapper ul,
    .slposts-wrapper li {
    	list-style: none;
    }
    .slposts-wrapper .slposts-ulist-litem {
    	clear: both;
    }
    .slposts-wrapper .thumbnail img {
    	float: left;
    	margin: 9px;
    	margin-top: 80px;
    }
    .slposts-wrapper .thumbnail .slposts-caption {
    	float: left;
    	max-width: 65%;
    }
    .slposts-wrapper .slposts-ulist-title {
    	margin-left: 2em;
    }

    I hope this points you in the right direction.

    Best regards,
    José Luis

  6. waxworx2
    Member
    Posted 1 year ago #

    Thank you very much I will try this
    By purchasing the plugin I forgot to create an account on http://single-latest-posts.laelitenetwork.com ....
    Could you send me the new version at tahitilau@gmail.com?
    Thank you again for your professionalism.
    Laurent

  7. waxworx2
    Member
    Posted 1 year ago #

    Hi
    Thank you for sending me the new version

    It's better and it's easier to manipulate the CSS to float to the left thumbnails. But the pagination is displayed wrong as you can see here: http://www.radio1.pf/images/slposts/1-slpost-bad-pagination-post.jpg

    I tried with this shortcode :

    [slposts sort_by_date=true sorting_order=oldest title_only=false auto_excerpt=true excerpt_length=24 paginate=true posts_per_page=4 thumbnail=true css_style=slposts-thumbleft]

    But I wanted to use slposts-thumbleft.css from the widget SINGLE LATEST POSTS, and in this case the paging works fine. But I can't call the CSS file slposts-thumbleft.css. from the widget ... As you can see here : http://www.radio1.pf/images/slposts/2-slpost-widget-float-problem.jpg

    The perfect widget could do this (photo montage): http://www.radio1.pf/images/slposts/3-slpost-widget-ideal.jpg

    Sorry for the difficulties.

  8. Jose Luis SAYAGO
    Member
    Plugin Author

    Posted 1 year ago #

    Hi, don't worry I'm here to help. What you see is the expected result as the example I put wasn't complete.

    Please download this stylesheet: Slposts-Thumbleft which is the full version, you just need to replace/adapt classes at the end of the file, between (keeping the rule to ignore floating):

    /*\
     * -----------------------------
     * | + Float Thumbnails Left + |
     * -----------------------------
    \*/
    
    /*\
     * -----------------------------
     * | - Float Thumbnails Left - |
     * -----------------------------
    \*/

    Hope this helps.
    Best regards,
    José Luis

  9. waxworx2
    Member
    Posted 1 year ago #

    Ok
    Difficult with the plugin to get a correct display of items but it works well with the shortcode. I decided to use it for my website http://www.radio1.pf This is online

    I'll just have to adjust:
    - The display line breaks I do not want so I have to put a "display: inline;" somewhere ...
    -Internet Explorer has a display problem with "float thumbnail".
    - And the pages are reloaded at each change of page, which is not the case in LOCAL.

    In any case, thank you for everything

  10. Jose Luis SAYAGO
    Member
    Plugin Author

    Posted 1 year ago #

    Hello, I've sent you an email.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.