Adult Script Pro Community Forums

The forum is here for legacy reasons. No new posts will be created. User registration is disabled! If you have any questions, please email us or check for more details!

You are not logged in.

#1 2013-02-22 02:38:31

Registered: 2013-02-06
Posts: 45

[Tutorial] How To Resize Video Images

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 join the underground.


Board footer

Powered by FluxBB