Question

Необходимо заменить столбцы с маленькими превью (как на фото ниже)

на большие превью видео, чтобы отображались по два в один ряд. Чтобы можно было на одной странице отобразить много видео и чтобы они шли как новостная страница. Пример:

Возможно ли такое? Хочу размер превью сделать больше, а то маленькие квадратики восторга не вызывают.

Answer 1

Для начала в настройках модуля Количество колонок для видеоматериалов: 2, далее в ксс модуля видео строка 646 находим width  и ставим 100%, и строка 665 также находим width  и тоже ставим 100%.

Comments

Спасибо! 2 колонки вместо 3 получилось сделать, а размер окон никак не могу поменять. Пробовал ставить 100% вместо 33%, также вместо 210px ставить больше и ничего.

Вот строки, которые у меня есть с 622 по 700

 

/*-----index-page-styles-----*/
.all-entries {
 margin: 15px 0 0 0;
 padding: 0;
 list-style: none;
 overflow: hidden;
//padding-right: 1px;
}
.all-entries li.entry {
 float: left;
 text-align: center;
}
.all-entries li.entry div {
 text-align: left;
}
.v-all-entries {
 width: 100%;
}
.v-all-entries li.entry {
 width: 33%;
}
/*---------------------------*/

/*-----entry-view-styles-----*/
.v-entry {
 width: 210px;
 margin: auto;
 margin-bottom: 20px;
 /*overflow: hidden;*/
 text-align:left;
}
.ve-title {
 margin: 0;
 padding: 0 0 0 11px;
 font-weight: bold;
 font-size: 14px;
 line-height: 25px;
 position: relative;
 background: url(/.s/img/vi/vico-title.png) no-repeat left center;
}
.ve-screen {
 position: relative;
 height: 157.5px;
 width:210px;
 margin: 5px 0;
 border-radius: 10px;
 vertical-align: middle;
 background-color: #000;
 background-repeat: no-repeat;
 background-position: center center;
 -moz-background-size: 100% auto;
 -o-background-size: 100% auto;
 -webkit-background-size: 100% auto;
 background-size: 100% auto;
}
.ve-screen a {display:block;width:210px;height: 160px;}
.ve-screen img {
 vertical-align: middle;
 width: 210px;
 max-height: 160px;
 border: 0;
 border-radius: 10px;
}
.ve-length {
 position: absolute;
 bottom: 10px;
 right: 10px;
 padding: 0 5px;
 background: #000;
 background: rgba(0, 0, 0, 0.63);
 font: bold 12px/16px 'Arial';
 color: #fff;
 border-radius: 3px;
}
.ve-details {
 font-size: 11px;
 line-height: 16px;
}
.ve-details a.ve-author,.ve-details a.ve-comments,.ve-details span {
 display: inline-block;
 margin-right: 7px;