Trouble in substituting Vimeo image
Using Jamroom
Steps, in the location where that image comes out the code looks like this:
<img src="https://i.vimeocdn.com/video/625084120_1280x2276.jpg?r=pad" class="iloutline img_scale">
That image is being put there by a template in your skin, a row template. It looks very much like its being passed in to a {jrCore_list} call to output the videos, so the first step is to locate that.
The first guess at where it would be would be the skins, any template named videos.tpl could possibly control the url site.com/videos so check your skin for that template.
If you find its not there, then the next thing to think about is "Is a module controlling the site.com/videos url perhaps...." so check through your ACP to see if any module is responsible for the output on /videos. you will find that module_url on the INFO tab of each module in the ACP.
In your case that module exists at this location:
http://yourstie.com/video/admin/info
The regular thing that will show at the default location for a module is the [I](in the file system via SFTP)[/I]/modules/THAT MODULE/templates/index.tpl
BUT.... that template could be over-ridden by the skins. so if you have a skin template called (module_name)_index.tpl
In your case there isn't that override.
In your case its the jrSeamless module thats providing that list of videos:
{jrSeamless_list modules=$mods order_by="_created numerical_desc" pagebreak=10 page=$_post.p pager=true}
That brings us around to the jrVimeo module. its default way to show items in a list is the item_list.tpl file.
Usually that file would be [I](in the file system via SFTP)[/I]/modules/jrVimeo/templates/item_index.tpl but in this case we DO have a skin over-ride of that template so the file you want to edit is:
/skins/YOUR SKIN/jrVimeo_item_index.tpl (or via the acp at)
ACP -> SKINS -> YOUR SKIN -> TEMPLATES -> jrVimeo_item_index.tpl
We want to add another CSS class to that image so we can target it with some new CSS rules.
So in that file you will see
.....
{foreach from=$_items item="item"}
<div class="item">
<div class="container">
<div class="row">
<div class="col2">
<div class="block_image">
<a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.vimeo_title_url}"><img src="{$item.vimeo_artwork_url}" class="iloutline img_scale"></a>
</div>
</div>
.....
We want to add another class to
class="iloutline img_scale", lets make it
class="iloutline img_scale video_thumbnail"
We could call it anything, but something currently not being used is probably best.
Then into a css file in your skin add this css
.video_thumbnail {
height: 85px;
}
Reset the caches and you should be fixed.