resizing video thumbnails?

Posts: 20

Reputation: 0

Message # 1 | 11:04 PM 2015-11-25

Title is the question. What variable is responsible for the size of the thumbnails in the Video module? I can only change it in the module settings.
Since the thumbnails don't auto adjust (column count) or change their size with the window size I'll have to do it manually. Can I?

Post edited by terminasyanarmen - Wednesday, 2015-11-25, 11:05 PM

Sunny

Posts: 9296

Reputation: 456

Message # 2 | 1:34 PM 2015-11-26

terminasyanarmen, you should be able to do this by editing the module's CSS (Control Panel > Design customization > Video > Style sheet (CSS)), e.g. the .ve-screen class.

I'm not active on the forum anymore. Please contact other forum staff.

terminasyanarmen

Posts: 20

Reputation: 0

Message # 3 | 10:52 PM 2015-11-29

Thanks. But I had already tried editing the variables of these classes but I dont see any difference.

Code

.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;
}

Specifically, the numbers in the lines 4, 5, 17, 20 and 21

Added (2015-11-29, 10:52 PM)
---------------------------------------------
bump

Post edited by terminasyanarmen - Thursday, 2015-11-26, 5:26 PM

joexyz