Adult Script Pro Community Forums

slimjim

Member

Registered: 2013-02-06

Posts: 45

Website

[Tutorial] How To Resize Video Images

Summary:
In this tutorial I will show you step by step on how to resize your video thumbs for your website.

Step 1)

You first need to adjust the video thumb size in your admin panel. Keep in mind that this will not change the image size of any current video. It will only update future video uploads.
Go to Admin Panel> Video> Config> Thumbs. Adjust to your desired size.

Step 2)

Now you need to modify your template style sheet. To do this open up your FTP program and go to
Public html> Templates> YOUR TEMPLATE> CSS> Style.css
Your going to want to view/edit your style.css and look for the following code.

.video {
    width: 227px;
    height: 245px;
    margin: 8px 10px 1px 10px;
    float: left;
    overflow: hidden;
    position: relative;
    padding: 2px;
}

Adjust the width and height of your video thumb area.
A couple things to keep in mind.
1st. The width and heigth will actually be a little larger than the thumb size you selected in your admin panel just keep adjusting until you get the desired box
2nd this adjust ment will throw off your HD logo to fix this simply adjust the code below, which also located in your style.css

.video img.watermark {
    position: absolute;
    top: 1px;
    left: 5px;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border: 0;

Dont forget to save your work to update the info in your FTP. Refresh website page. Keep repeating until you get the desired effect.
I hope you found this tutorial helpful. If you have questions please ask them below.

---

The hottest BDSM tube site on the net http://www.bdsmunderground.com join the underground.