• Hi,

    I’m having a problem in that the posts are stacking vertically with a narrow width after having upgraded the plugin. The issue is on the homepage of the site.

    I’m on very recent iMac, all my browsers are updated and I’m running WP 3.9.2. Can you please advise how I can make that plugin span responsively across the widget area I set it to on the homepage?

    Thanks in advance.

    https://www.ads-software.com/plugins/special-recent-posts/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Luca Grandicelli

    (@lgrandicelli)

    Hello. I see nothing online.

    Thread Starter wahichu

    (@wahichu)

    Hi, it’s on the homepage of the website..scroll down and you’ll see it towards the left. It’s possible you looked when I was updated the site.
    Thanks, could really use some advice on this asap as we’re trying to send a newsletter out today.

    Thread Starter wahichu

    (@wahichu)

    figured it out, added:

    srp-widget-container {
    width: 790px;

    done.

    Hello There,
    Seem to be experiencing the same issue. Wahichu. You found the solution. Could you tell me how you fixed it?

    Thanks in advance!
    Hans

    Thread Starter wahichu

    (@wahichu)

    Hi Hans, I added the following code in bold below to the following file:
    wp-content/plugins/special-recent-posts/css/layout.css

    It’s probably best you add this directly into the Custom CSS Editor of the plugin within the WP Admin area.

    There may be a better solution out there but this works well for me, for now. Make the width whatever you need it but keep in mind it may affect the width wherever else you place the widget. Any other suggestions are welcome.

    **
    * ——————————–
    * THE POSTS CONTAINER
    * ——————————–
    */
    .srp-widget-container {
    width: 790px;
    display: -webkit-box; /* OLD – iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD – Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER – IE 10 */
    display: -webkit-flex; /* NEW – Chrome */
    display: flex; /* NEW, Spec – Opera 12.1, Firefox 20+ */

    -webkit-box-orient : vertical;
    -moz-box-orient : vertical;
    -webkit-flex-direction : column;
    -moz-flex-direction : column;
    -ms-flex-direction : column;
    flex-direction : column;

    -webkit-flex-wrap : nowrap;
    -moz-flex-wrap : nowrap;
    -ms-flex-wrap : nowrap;
    flex-wrap : nowrap;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Posts stacking vertically with very narrow width’ is closed to new replies.