Can I set the images in a grid?

  • Resolved emilyluxton

    (@emilyluxton)


    10 years, 1 month ago

    Hey,

    I have the widget set up to show thumbnails only with no titles or text. Is it possible to display the images in a grid across two columns, rather than in a list?

    My site is https://www.emilyluxton.co.uk

    I was using the standard WordPress top posts widget, which lets me lay the thumbnails out in a grid, but I want to be able to prevent certain posts from showing up. This widget would be perfect but only if I can lay it out as a grid in the same way.

    Let me know!
    Emily

    https://www.ads-software.com/plugins/top-10/

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Ajay

    (@ajay)

    Emily,

    Try this in the custom styles settings box

    .tptn_posts_daily ul li, .tptn_posts ul li {
float:left;
max-width: 50%;
margin: 1px;

}

    Thread Starter emilyluxton

    (@emilyluxton)

    Thank you! That’s worked, but there is no margin between the images now. I’ve tried adjusting the value to margin: 2px but nothing seems to change.

    On a side note – some of the images are pretty badly cropped and look kind of squished. Have I set something up wrong?

    Thanks so much for your help.

    Plugin Author Ajay

    (@ajay)

    On the images, you might need to regenerate the images: https://www.ads-software.com/plugins/regenerate-thumbnails/

    Could you try this code.

    a.tptn_link {
margin: 1px;
}
    Thread Starter emilyluxton

    (@emilyluxton)

    Thank you. That worked momentarily and put a small margin into the grid, but then when I adjusted the image size the margin was lost and even when I put it back to how it was it is still gone.

    Ideally, I want it to look exactly the same as the image grid I already have on my page (at the top of the right hand sidebar). Do you have any suggestions?

    If not, I think I’ll have to give up for now and go back to the less controllable wordpress widget ??

    Thanks for your help

    Emily

    Plugin Author Ajay

    (@ajay)

    Emily,

    I checked your site again. I don’t see any code there anymore?

    Thread Starter emilyluxton

    (@emilyluxton)

    All the code is still in place in the Custom CSS box, exactly as it was before. But it doesn’t seem to be doing anything anymore.

    .tptn_posts_daily ul li, .tptn_posts ul li {
float:left;
max-width: 50%;
margin: 1px;

}
a.tptn_link {
margin: 1px;
}
    Thread Starter emilyluxton

    (@emilyluxton)

    I altered the image size again and they are now showing up in a grid exactly as I wanted. Not sure why that wouldn’t work last night but at least it will now!

    Thanks for your help!

    Plugin Author Ajay

    (@ajay)

    Your welcome. It must have been a caching issue which got resolved automatically. Glad to know you got it fixed ??

    Awesome thanks! You need to integrate this in the next update because grid view is the new hype ;).

    I tried using the code to make the image grid; however, it doesn’t seem to be working. Do I add it to the CSS in Top 10 settings or under appearance, CSS.

    my blog is: https://www.kerrkitchen.com

    Plugin Author Ajay

    (@ajay)

    You should add this under the Custom Styles section in Top 10 settings.

    Try this code:

    https://gist.github.com/ajaydsouza/a54ce8a6ccd78871798c

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Can I set the images in a grid?’ is closed to new replies.