shrink size of picture display and adapt treatment

hey!

how can i shrink the size of the picture displayed?

and another question: so far, everytime i upload a picture which does not perfectly fit the given size it gets stretched and does not look nice any more, how can i change that so that the picutre is not stretched any more but just shortened, but the dimensions of length and width stay the same??

 

Hello,

I think you are talking about listing single page slider. That slider is landscape in dimension and image you are uploading is portrait. That's why image is compressing.
Please try landscape image there and check.

Thanks & Regards
Nitesh Raghuwanshi

 

well it is about the detail view, please have a look at what i mean here
http://www.zweitbuch.org/Marktplatz/listing/con-dinamica-arbeitsbuch/

the problem is that i cannot force my users to upload landscape pictures, so they will upload it either way, if they do not upload it though, i would like my picture to just be smaller and fit in the frame and not get stretched!!

 

and now apparently it doesnt show the pictures in the detail view anymore at all, plz check my website and help me out!

 

please answer, it is very urgent!

 

plz advise

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .flexslider .slides > li {
display: block!important;
}

Thanks & Regards
Nitesh Raghuwanshi

 

awesome Nitesh!!! what was the reason for this??

and could u now still help me with my original question, which was how to not stretch the image?

 

plz advice

 

Hello,

If we feature portrait image in a landscape frame then frame will behave same as currently theme slider frame is behaving.
The only solution is. We can add proper description in the image upload custom fields (Geocraft settings > Custom fields > Select image "Edit" and add description)
We can specify image dimension like (460 x 280)px.

Thanks & Regards
Nitesh Raghuwanshi

 

but then the user can only upload 460x280 pictures right?

can i buy a custom code from you which adapts the image to the landscape so that it is not stretched any more?

 

Hello,

Try this css code.

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.flexslider .slides img {
width: auto;
height: auto;
}

It will adjust slider width and height according to image resolution.
I hope it will fulfill your requirement.

Thanks & Regards
Nitesh Raghuwanshi

 

awesome nitesh, thats much better !

but just a question, if a user posts a really big picture, will the frame also be adapted or is there a maximum size of the picture?

 

Hello Dani,

Slider will not increase it's width. It will adjust height according to that width.
You can try and check images of various dimensions.

Thanks & Regards
Nitesh Raghuwanshi