پلاگین مطالب مرتبط همراه با تصویر

[صدرا حسابی]

این کدهارو می تونید به template.css در فولدر css قالبتون اضافه کنید و بعد سایتتون رو مشاهده کنید. (زمان مشاهده ctrl+f5 بزنید تا کش مرورگر خالی شه)
البته کدها بر اساس حداکثر سه عکس نوشته شده و اگه می خواید 4تا بشه می تونید تغییرش بدید، بهتر هست سایز عکس از خود ماژول هم کوچک بشه.

کد: (انتخاب همه)

.related-items.row-fluid li {
    background: none;
    display: inline-block;
    width: 125px;
    padding: 0 0 0 10px;
    text-align: right;
}
.related-items.row-fluid img {
    height: auto;
    width: 100%;
}
.related-items.row-fluid .image-overlay {
    display: none !important;
}
.related-items.row-fluid {
    margin: 0 auto;
    text-align: center;
}