Question

Не знаю, отнести это к проблеме не правильно, так как пробелемой назвать трудно, но выглядит не сильно красиво, и у многих возможно могут появится мысли, что дизайн немного поломан.    Проблема заключается в том, что если я изменяю вид материала на вид из трёх колонок, или же вид из двух, то материалы сдвивагются влево, и правая часть виднеется.  В модуле каталог сайтов/скины это сильно заметно.

Answer 1

У вас в шаблоне прописаны стили:

<style>
 .shortstory{background:#fbfbfb;margin:0 0 20px 0;box-shadow:0px 2px 5px rgba(0,0,0,0.2);} 
.shortstory-images{position:relative;} 
.shortstory-images a{display:block;overflow:hidden;} 
.shortstory-images a img{height:auto;width:100%;display:block;} 
.shortstory-images a:hover img{opacity:0.8} 
.shortstory-content{height:auto;overflow:hidden;padding:20px 20px 0 20px;margin-bottom:20px;} 
.shortstory-link{font-size:18px;margin-bottom:20px;} 
@media (min-width:768px){.shortstory-images a img{height:220px;} 
.shortstory-content{height:150px;} 
} 
@media (min-width:992px){.shortstory-images a img{height:220px;} 
.shortstory-content{height:150px;} 
} 
@media (min-width:1200px){.shortstory-images a img{height:180px;} 
.shortstory-content{height:150px;} 
} 
.shortstory-bottom{background: #b33d3d;color:#fff;position:relative;height:38px;line-height:38px;overflow:hidden;padding-left:20px;} 
.shortstory-date, .shortstory-comments{font-size:11px;} 
.shortstory-date i, .shortstory-comments i{font-size:14px;margin-right:5px;} 
.shortstory-comments{padding-left:10px;} 
.shortstory-bottom .shortstory-more{background:#b33d3d;color:#fff;position:absolute;right:0;width:110px;display:inline-block;font-size:12px;text-align:center;text-shadow:1px 1px 1px rgba(255,255,255,0.2);} 
.shortstory-bottom .shortstory-more:hover{background: #842d2d;color:#fff;} 
.col-lg-4, .col-sm-6, 
.col-xs-12 
.col-vs-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px;} 
.col-xs-12{float:left;} 
.col-xs-12{width:100%;} 
@media (min-width:768px){ .col-sm-6, 
.col-sm-6{width:45%;}} 
@media (min-width:1200px){.col-lg-4, 
.col-lg-4{width:30.33333333%;}}
</style>

выделенное красным замените на 33