Add descending numbers before each recent post in sidebar

  • Hi,

    Could you help me add numbers, instead of thumbnails, to sidebar recent posts? For example:

    1. https://www.datavizlab.net/2024/05/14/google-shift-cookies-deprecation-again/
    2. https://www.datavizlab.net/2023/06/26/what-are-cookies/
    3. https://www.datavizlab.net/2023/01/23/looker-studio-tip-how-to-color-bar-chart-by-dimension-value/

    Here an example I would like to replicate: adweek.com

    Thanks

    Paolo

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Use custom CSS:

    aside ul.wp-block-latest-posts__list { list-style-type: decimal; } /* numbers */
    aside ul.wp-block-latest-posts__list .wp-block-latest-posts__featured-image { display: none; } /* no thumbnail */

    and if you also want remove the date:

    aside ul.wp-block-latest-posts__list .wp-block-latest-posts__post-date { display: none; } /* no date */

    Thread Starter paolotroia

    (@paolotroia)

    It’s not working ??

    Oops, haven’t seen that there is already a list-style: none; for that widget, so we have to override it with !important – and for better optics put the numbers within the line instead before with list-style-position:

    aside ul.wp-block-latest-posts__list {
    list-style-type: decimal !important;
    list-style-position: inside !important;
    } /* numbers */

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.