ALL VIDEO SHARE

Category Image Size

lefteris
Topic Author
Offline
Fresh Boarder

Posts: 4
Thank you received: 0

Category Image Size was created by lefteris

Hello everyone.
Can you please assist me, on how to change category image dimensions?
As i saw by default images are resized on 145x80.

Can also be changed on video thumbnails?

thanks

12 years 1 month ago #66

Please Log in or Create an account to join the conversation.

Administrator
Offline
Administrator

Posts: 2478
Thank you received: 1451

Replied by Administrator on topic Re: Category Image Size

Do you like to change it in Component View or Gallery Module ? Your reply will help me to guide you better.

12 years 1 month ago #67

Please Log in or Create an account to join the conversation.

lefteris
Topic Author
Offline
Fresh Boarder

Posts: 4
Thank you received: 0

Replied by lefteris on topic Re: Category Image Size

Actually i need instruction for both scenarios.

12 years 1 month ago #68

Please Log in or Create an account to join the conversation.

Administrator
Offline
Administrator

Posts: 2478
Thank you received: 1451

Replied by Administrator on topic Re: Category Image Size

AllVideoShare has completely flexible options over the front-end designing. You can write your own CSS classes and change the front-end template of the component as you like...This is the standard method, but it might be hard for non-developers. If you are not a developer, We can do it our-self for you. Let me know, if you need our help in this case. If yes, just send me the exact Thumb Size you look for.

For the Component :

1. Login to your Joomla Back-end.

2. Go to Components - All Video Share - General Configuration - Front-end Style sheet

3. Check for /* CSS Styles for Gallery Page */

4. Add the following code under the above line

#avs_gallery .avs_thumb a img { width:200px; height:200px; }

5. You will also have to adjust some more css snippets to get the compatible view.

For the Modules :

We have the support for Joomla's native ModuleClass_Suffix Field. Following CSS classes are used by our module,

#avs_gallery .avs_thumb {
	background-color:#FFFFFF;
	border:1px solid #EEE;
	padding:10px;
	float:left;
	margin:7px;
}
#avs_gallery .avs_thumb a {
	text-decoration:none;
}
#avs_gallery .avs_thumb .image {
	display:block;
}
#avs_gallery .avs_thumb .arrow {
	position:absolute;
	width:29px;
	height:26px;
	margin-left:59px;
	margin-top:28px;
	opacity:0.5;
}
#avs_gallery .avs_thumb .title {
	margin:5px 0px 0px 0px;
	padding:0px;
	display:block;
	font-family:Arial;
	font-size:12px;
	color:#444;
	font-weight:bold;
}
#avs_gallery .avs_thumb .views {
	margin:0px;
	padding:0px;
	display:block;
	font-family:Arial;
	font-size:11px;
	color:#777;
}

You can use our ModuleClass_Suffix field to overwrite the existing styles and change the size of the thumbs. Check this link to know more about ModuleClass_Suffix field.

The following user(s) said Thank You: lefteris

Last edit: 12 years 1 month ago by Administrator.

12 years 1 month ago #69

Please Log in or Create an account to join the conversation.

Time to create page: 0.135 seconds