ALL VIDEO SHARE

I would like to reduce the overall size of the thumbnails in the Gallery and have a border around them similar to how you have them displayed on your classic demo.
I'm looking at the Component back end - General Configuration - Front-End Stylesheet tab, which I think is where I need to make the modifications. I'm not sure where and what exactly to enter.
Am I on the right track and what is the code to enter?
Your documentation section is excellent compared to any other extension developer I've come across. It would be great if you had a section on customizing the look of the front end.
Is it possible for you to post a screen capture of the css you used to get your classic demo page to look the way it does.
Thanks again. You've been extremely helpful with your responses to my questions.

Do you build the Gallery using our "Module" or "Component" ?

If Module ?

You can find the options to change the Thumbnail width and height inside your module admin itself.

To add the border, you need to edit the CSS file located in {root}/components/com_allvideoshare/css/allvideoshare.css

If Component ?

You can find the same in "Components / All Video Share / General Configuration (Gallery Settings)"

To add the border, you need to use the "Front-end Style Sheet" tab of the same menu.

Example CSS code to add the border.

Ok, I've got my video gallery page almost perfect.
Just one final thing to work out... I know you have to enter in the thumb code manually for the third party embed code i.e. Vimeo, but what code do I enter? I've had a couple of tries with different guesses but haven't worked it out.
What did you enter in on your classic demo page for the Vimeo thumbnails?
Thanks again... this should be my final question

Kindly try using digitalzoomstudio.net/vimeo-thumbnail-generator/

div #avs_pagination { margin:15px 0px 0px 0px; padding:0px; height:25px; }
div #avs_pagination .pagination span, div #avs_pagination .pagination a, div #avs_pagination ul li { margin:0px 2px; padding:3px 7px; background-color:#eee; border:1px solid #ddd; text-align:center; font-size:12px; }
div #avs_pagination ul { margin:0px; padding:0px; list-style-type:none; }
div #avs_pagination ul li { float:left; line-height:16px; }
div #avs_pagination ul li a { text-decoration:none; }

I would like to add color to the boder of the video...what line should I change or add for let say adding red ?

thanks

Did you checked allvideoshare.mrvinoth.com/forum/14-gene...-the-thumbnails#5343 ?