دوست عزیز
HTML:
<div class="thumbnail-div" style="background-image: url('http://www.aks20.ir/wp-content/uploads/2015/01/pnbujmmf-300x169.jpg');">
<div class="info"> <span class="info-titles"><a href="http://www.aks20.ir/%d8%b9%da%a9%d8%b3-%d9%87%d8%a7%db%8c-10-%d8%ae%d9%88%d8%af%d8%b1%d9%88%db%8c-%d8%a8%d8%b1%d9%82%db%8c-%d8%af%d9%86%db%8c%d8%a7.html" title="لینک دائمی به عکس های ۱۰ خودروی برقی دنیا">
عکس های ۱۰ خودروی ... </a></span>
عکس های ۱۰ خودروی برقی برتر دنیا,خودروهای برقی از آن دسته فناوری های نوظهور به... </div>
<div class="mahbob-title">
<a href="http://www.aks20.ir/%d8%b9%da%a9%d8%b3-%d9%87%d8%a7%db%8c-10-%d8%ae%d9%88%d8%af%d8%b1%d9%88%db%8c-%d8%a8%d8%b1%d9%82%db%8c-%d8%af%d9%86%db%8c%d8%a7.html" rel="bookmark" title="عکس های ۱۰ خودروی برقی دنیا">عکس های ۱۰ خودروی برقی دنیا</a>
</div>
</div>
تو قسمت کد بالا
thumbnail-div
تصویر را از طریق فایل ایندکس شما مستقیماً به قالب معرفی میشه
اینم کد استایل باکس تصویر شاخص شما هست .
.thumbnail-div {
width: 200px;
height: 300px;
float: left;
شما تنظیمات رسانه رو برای تصاویر به 200*300 تغییر بدید
اگر حل نشد
برید به فایل ایندکس در کد زیر
<div class="thumbnail-div"
style="background: url('http://www.aks20.ir/wp-content/uploads/2015/01/pnbujmmf-300x169.jpg') no-repeat;
البته این قسمت باید تو کد های اصلی قالب با تگ img یک کد پی اچ پی باشه که تصویر شاخص رو فراخوانی میکنه
اگر بازهم دست نشد
برو به فایل استایل قالبت
بعد این استایل رو بهش تعریف کن
.thumbnail-div img {
width: 200px;
height: 300px;
background-repeat:no-repeat;
background-size:cover;
}
اگر باز هم درست نشد باید تصاویر را با حداقل اندازه هایی تعریف کنی که به صورت خودکار تکرار نشه یعنی باید تصاویری که اضافه میکنی حداقل اندازه 200*300 باشه