Display numbers instead of thumbnails

  • Resolved fwb

    (@fwb)


    10 years, 3 months ago

    Hi,
    Is there any way to display numbers instead of thumbs, using the “most popular posts and pages”-widget from Jetpack?
    Like this:
    Top post:
    1 My most famous article
    2 My second most famous article
    etc.

    Today it is:
    Thumb My most famous article
    Thumb My second most famous article

    Im thankful for all the help i can get!

    https://www.ads-software.com/plugins/jetpack/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter fwb

    (@fwb)

    Anyone?

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    Try the following:

    1. In the widget settings, change the Top Posts list style to “text List”
    2. Add the following CSS to your theme’s stylesheet, or to your custom CSS editor under Appearance > Edit CSS in your dashboard: 
      .widget_top-posts li {
	counter-increment: step-counter;
}

.widget_top-posts li::before {
    content: counter(step-counter);
    margin-right: 5px;
}

    Of course, you’re free to customize the numbers even more by changing their color, padding, and other properties in the CSS above.

    Thread Starter fwb

    (@fwb)

    Thanks! It worked! Just needed to set !important.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Display numbers instead of thumbnails’ is closed to new replies.