Issue with Thumbnails

It is not the plugin it is your template css.

here is the issue:

.row {clear: both;
width: 600px;}

on line 459

You have a set width of 600px, try changing it to 100%

can u tell me excatly where and what file shall i change

Thanks, @surge74! Can’t believe I missed that…

Thanks so much! That saved me hours of headache, haha.

@keyur11 I have no idea what your site is so i cannot help you.

@electrickiwi No problem, glad to help out

@electriiwi forgot to mention, that code might affect other parts of your site so you might just want to make it only work for that particular page with a page-id on the css

@surge74 https://www.top3rankings.com/ this is my website-

I got 3 tabs as you can see- on my home page thumbnails are in order-
https://www.top3rankings.com/

but in these two pages- its not in order
https://www.top3rankings.com/entertainment/
https://www.top3rankings.com/generalknowledge/

pls help

Thats because you have modified the css code too much.

look for this in your sites main css file:

.post-content pre {

white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
line-height: 140%;
padding: 0.5% 1.5%;
background: #2E2E2E;
font-size: 0.8em;
color: #FFF;
border-radius: 6px;
}

and change this “line-height: 140%;” to “line-height: 0%;”

Very likely it will affect another part of your site though as the modifications you made are sporadic.