Support » Plugin: Recent Posts Widget With Thumbnails » Incompatible with different media sizes

  • vcorless

    (@vcorless)


    Any way to fix media.queries size readjustments. The widget doesn’t format properly on anything smaller approx. 890×736. On an ipad, iphone etc.

    I tried adjusting it in the theme editor to appear as the widgets above do, but haven’t had any luck. Is there any way to resize the photo/remove the excerpt for these smaller screen sizes?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Martin Stehle

    (@hinjiriyo)

    You can achieve hidden excerpts and smaller images in smaller displays with CSS code, like

    @media (max-width: 890px){
    .rpwwt-post-excerpt { display: none; } /* remove excerpts */
    #site #site-wrap div.rpwwt-widget li img { width: 50px; height: auto; } /* resize image */
    }

    Adjust in @media (max-width: 890px) the value 890 to the width in pixel where you want to switch the excerpts on and off. The string ‘px’ must no be removed, only change the number.

    Adjust in width: 50px; the value 50 to the desired image width. Also: only change the number and don’t touch the rest.

    Now insert the code into the Customizer’s panel “Additional CSS”, save the changes and reload the page.

    Is it possible the .rpwwt isn’t correct because I’ve added this as you instructed both to additional CSS and media queries folder and there was no change. I tried finding the class using inspect element and found it was .rpwe-widget but this didn’t work either. Any other suggestions would be much appreciated!

    Plugin Author Martin Stehle

    (@hinjiriyo)

    .rpwe is from another plugin, not from “Recent Post Widget With Thumbnails”. For the latter look for .rpwwt in the inspector.

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