• Resolved tahakan

    (@tahakan)


    Thanks for creating these plugins, Héctor! And for making yourself available to provide support!

    I’ve got both the popular posts and Recently plugins installed since I wanted them to look the same, and I’ve also used the same settings. But while the popular posts plugin has padding between the list items, the Recently one doesn’t. This leaves the thumbnails sitting one on top of the other (unless the text is just the right size to force a slight gap). Is it supposed to look like that?

    Popular Posts: 5.1.0
    Recently: 2.1.0

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Hector Cabrera

    (@hcabrera)

    Hi @tahakan,

    Thanks for the kind words!

    Regarding the styling issue, yes Recently does need a couple of tweaks/fixes that I plan to do as soon as I get some spare time.

    For the time being, please try this:

    1. Go to Plugins > Plugin Editor and select Recently from the dropdown at the right.

    2. Click on public > css > recently.css to edit Recently’s stylesheet.

    3. Replace everything in there with the following:

    /*
    Recently plugin stylesheet
    Developed by Hector Cabrera
    cabrerahector.com | @cabrerahector
    
    Use the following classes to style your recent posts list as you like.
    */
    
    /* Styles the "Sorry, no data so far" message */
    .recently-no-data {
    }
    
    /* UL - Recent Posts container styles */
    .recently-list {
    }
    
        /* LI - Post container styles */
        .recently-list li {
            overflow: hidden;
            float: none;
            clear: both;
            margin-bottom: 1rem;
        }
    
        .recently-list li:last-of-type {
            margin-bottom: 0;
        }
    
        /* Styles for the popular post in view */
        .recently-list li.current {
        }
    
            /* Thumbnail styles */
            .recently-thumbnail-wrapper {
                display: inline;
                float: left;
                margin: 0 1rem 0 0;
                border: none;
            }
    
            /* Title styles */
            .recently-post-title {
            }
    
            /* Excerpt styles */
            .recently-excerpt {
            }
    
            /* Stats tag styles */
            .recently-meta {
                display: block;
                font-size: 0.8em;
            }
    
                /* Comments count styles */
                .recently-comments {
                }
    
                /* Views count styles */
                .recently-views {
                }
    
                /* Author styles */
                .recently-author {
                }
    
                /* Post date styles */
                .recently-date {
                }
    
                /* Post category styles */
                .recently-category {
                }
    
            /* WP-PostRatings styles */
            .recently-rating {
            }

    4. Click on the Update File button to save changes.

    When you’re done, visit your website and do a “hard-refresh” (ctrl+F5 on Windows, cmd+F5 on MacOS) so your browser picks up these changes. If everything went fine Recently’s list should look a bit more like WPP’s now.

    Please report back your results.

    Thread Starter tahakan

    (@tahakan)

    It worked perfectly! Thank you so much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Thumbnails squished together’ is closed to new replies.