Responsive

  • Resolved Wendihihihi

    (@wendihihihi)


    10 years, 11 months ago

    Hi,

    I am trying to find a way to remove the last thumbnail when the design asks for it.

    I use four thumbnails horizontally for an 800px screen, but I want to have three thumbnail for a 640px screen. Right now it doesn’t look good on a 640px screen, because there are three horizontal images and the fourth below them.

    Is there away to attach a class on the last thumbnail so I can display:none it?

    Thanks

    https://www.ads-software.com/plugins/yet-another-related-posts-plugin/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author YARPP

    (@jeffparker)

    In the “Display Options” panel, you can change “Maximum number of related posts” to 3. If you can’t find that panel, click on the “Screen Options” tab at the top of your WordPress screen and make sure “Display Options” is checked.

    Thread Starter Wendihihihi

    (@wendihihihi)

    Not sure if that would solve it. I need 3 images on some pages and 4 images on other.

    Plugin Author YARPP

    (@jeffparker)

    You could take advantage of the :last-child CSS selector and include something like the following when your screen size is under 640px wide:

    div.yarpp-thumbnails-horizontal a.yarpp-thumbnail:last-child {display:none;}

    The :last-child selector works for most modern browsers.

    Thread Starter Wendihihihi

    (@wendihihihi)

    Yes, you are right. That should do it. Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Responsive’ is closed to new replies.