What is the CSS of Tiny Theme from WPP? I’d like to use it on Recently

Hi @eartland,

Sorry for not replying to your comment on the other topic. I did see it but I’ve been a bit busy over here 😛

Anyways, to not keep you waiting any longer here’s the CSS code of the Tiny theme adapted for Recently:

.recently-tiny {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

    .recently-tiny li {
        list-style: none;
        margin: 0 0 1.2rem 0;
        padding: 0;
    }

    .recently-tiny li:last-of-type {
        margin: 0;
    }

        .recently-tiny li a {
            text-decoration: none;
        }

        .recently-tiny li a:hover {
            text-decoration: underline;
        }

        .recently-tiny li .recently-post-title {
            font-size: 1.125rem;
            font-weight: 700;
            letter-spacing: -1px;
            line-height: 1.1;
        }

        .recently-tiny li .recently-item-data {
            opacity: 0.5;
            font-size: 0.65rem;
            text-transform: capitalize;
        }

You will also need to do the following changes:

1. Go to Appearance > Widgets > [Your Sidebar Name] > Recently.
2. Tick the Display taxonomy checkbox under Metadata Tag settings.
3. Tick the Use custom HTML Markup checkbox under HTML Markup settings and save changes.
4. Set Before/After Recently to <ul class="recently-list recently-tiny"> and </ul>, respectively.
5. Set Post HTML Markup to <li><div class="recently-item-data">{taxonomy}</div> {title}</li>
6. Finally, save changes.

I haven’t tested this myself but it should work. Please report back your results.

Do note that the end result might not look exactly the same as WPP’s Tiny theme: WPP uses a special technique to prevent external CSS rules coming from your theme and/or plugins to affect the Tiny theme. Recently can’t do that yet and so there’s a chance that this version of the Tiny theme might be affected by said external/third-party CSS rules.

Hi @eartland,

If you share your site’s URL I can help you with the spacing issue (assuming you still need help with that.)