Thank you again for your suggestions! I tried them but unfortunately it is still not working. It doesn’t seem like it is recognizing the media queries I am inserting. Why could this be?
Hey!
You can add something like this:
@media only screen and (min-width: 768px) {
.avia-content-slider .slide-image img {
height: auto;
}
}
It will prevent the image stretching but you will lose the uniform height. You can also set a specific height for the images:
@media only screen and (min-width: 768px) {
.avia-content-slider .slide-image img {
height: 160px;
}
}
Best regards,
Ismael
Thank you so much for your response!
I inserted the code into the quick css, but the images are still stretching on mobile. Any ideas on why?
Hi!
You can use Media Queries to change them on different screen sizes:
@media only screen and (min-width: 700px) and (max-width: 1000px) {
.avia-content-slider .slide-image img {
height: 180px;
}
}
Cheers!
Ismael
Hey Devin, I gave that plugin a try and its excellent thanks ! My thumbnails are all now in a 16:9 format and not being cropped, I didnt ave to go into my funtions.php which I thought I’d have to do. And the good thing is any new projects I add are automatically set to my new size, perfect thanks again.
I noticed as the page is loading all the areas are the old size then as the images loads it snaps to my new size, no biggie just wondered why?
cheers!
Hi Yigit!
That works, but the images still acts a bit strange. It’s most easily seen at this portfolio: http://agwp.agarkitekter.se/omagarkitekter/medarbetare/
The first image is 400×300, and I have only added it as a post thumbnail (I want to view the whole image when I click on the ajax preview, and in the portfolio I want to see a scaled down version). The ajax preview image looks fine (even though I through this form got help fixing that by adding this custom css: “.page-id-26 .portfolio-preview-image { width: 36%; }”), but the portfolio image gets the wrong proportions, the face looks a bit wide. You see it clearly if you click on BECKMAN, TOMAS and compare the two images.
I though maybe it had someting to do with the downscaling, so instead I created a image with 191px i height and added it as the post thumbnail, and the 400×300 as a ajax preview image. That didn’t help at all though, now even the portfolio thumbnail image gets blurry.
Regards,
Tomas
Until recently, when clicking on my gallery images, they opened the original image size. Yet I have just noticed they now open up a predefined size (1210×806 px), which I don’t see where to change. The gallery ‘shortcode’ allows me to choose thumbnail dimensions, but not the image that opens after clicking.
The purpose of one of my galleries is to allow the visitor to open and save highres images.
Hello!
Ok, please revert the change and try following css code
.js_active .portfolio-preview-content .tab_content {
clear: none;
}
You can get rid if the caption link with following css code
#top .portfolio-preview-image .avia-gallery-caption { display: none; }
3) You can actually switch the thumbnail size in the portfolio option window: http://www.clipular.com/c?6068435528187904=W6HGVd_YZ5RBxt5NcgmpbZqIMRE&f=.png
You need to select a thumbnail size which is applied to all images – i.e. if an image does not reach the thumbnail height or width wordpress will not re-size it and you’ll see an uneven grid.
Cheers!
Peter
Yes that works great except that it is not responsive. How do I make these thumbnails responsive for mobile because right now they are squished to fit the height.
Thanks!
Hey!
Please add following code to Quick CSS in Enfold theme options
.avia-content-slider .slide-image img { height: 220px; }
Cheers!
Yigit
Hello!
You can use this plugin to change the crop/size of your images: http://wordpress.org/extend/plugins/simple-image-sizes/
Just make sure to also regenerate the thumbnails for any old photos already uploaded.
Best regards,
Devin
Hi Peter,
I did it but i cannot see any change. Can you tell me what size shoud i use for the pics and thumbnails of the ajax portfolio to be symmetric. Also how can i remove the image link that is under the product pic in the ajax slider?
thanks
Sure! The recent post thumbnails are at the very bottom of the homepage.
http://truessence.net/
Hi,
Can you post a link to your website please?
Regards,
Josue
Thanks you have been a great help!
one last thing is it possible to keep the thumbnails in a widescreen 16:9 format if I wanted, so the correct dimension would be 342 x 192 ?
I have just tried uploading a thumb this exact size and it again zooms in and crops the sides off, cheers
Hi!
I got it, 342 x 276 would be it.

Best regards,
Josue
Hello cmccullough!
Can you post the link to your website?
Cheers!
Yigit
Hi there,
Loving the Enfold theme!
I just have one problem:
I’ve created a portfolio page using the layout builder – I have used the portfolio grid element to create a sortable portfolio.
I have also started to create the portfolio items, each with a featured image… however, when I navigate to the portfolio page, no featured images are pulling through, only the titles.
Have looked everywhere to make sure I haven’t missed anything obvious, but can’t figure it out.
Please help??
Hey that was even quicker reply than normal :)
Can i ask a dumb question then..
When I set the featured image for these I used the largest image I had normally in a 16:9 widescreen Tv format and at least 1280 x 720 to cover all sizes, but Enfold automatically crops the image for me, it doesn’t keep the 16:9 format and chops the sides off which end up a 4:3 format
which is fine as long as all thumbs are the same height, but they certainly aren’t square, that is why I ask for the height enfold has automatically cropped them to,
OR how do I keep the thumbnails in a widescreen format which would be good?
Many thanks again
Hey!
You can choose the height you want, obviously you would want to make all of them the same height, i’d recommend a square, 343 x 343.
Cheers!
Josue
perfect thanks.. and do you know the height ?
I want to make them the right ratio so there is not squash or stretch, cheers!
Hello,
I am working with the enfold theme and I love it! I have a question though. My thumbnails for recent posts on the homepage are showing different sizes. How can these featured images remain consistent?
Thanks
This reply has been marked as private.
Hey David!
The working width of your Enfold setup is 1030px. so for a 3 column portfolio the images would be 343px width (1030/3).
Cheers!
Josue
Ah I didn’t realize that I had to regenerate after cropping, I thought when you clicked update it would resize that one image you just edited.
I don’t need to do it to all of them so may be easier to create my own,
> Can you please tell me the width and height of a 3 column single thumbnail in case I want to create myself please ?
or where I can find the dimensions that enfold uses for the thumbnails.
many thanks again for your thorough and great support
David
Hey!
Cropping is working as expected, what you need to do is to regenerate the thumbnails after cropping, you can use a plugin like this one for that.
Regards,
Josue
Hi Josue, that would be great thanks, I’ve added you as an administrator and you should receive password etc.
Its probably something stupid I’m doing, apologies in advance.
Is it better to do it the manual way, any advantages ?
If i do it manually, what are the dimensions to cover 3 and 4 columns portfolio grids, many thanks again
Dave
Hey mattock!
You can always crop them manually in your computer and upload them, however the media library option should work, if you want me to check it personally please create an administrator account and send it to me at (Email address hidden if logged out) (including a link to this topic).
Cheers!
Josue
I have my portfolio set up in a 4 column layout. If you look at the image below, you will see that are not all the same height in the thumbnails. The images are all different heights, but I would like the thumbnails to be the same height so they look proportional. How would I do this?
Also, I would like more spacing between the images, at least 15 pixels.
Thanks, for your help.