-
AuthorPosts
-
September 6, 2017 at 1:13 am #848388
Hi, I need to increase size of thumbnail of posts category page, Now is of default size: 80px (square format), but i’d like to increase it to 200 or 300 px (I don’t know yet). I’ve tried solutions suggested in the forum (change media settings and regenerate thumbnail with plugin, change of php code in archive.php…) but nohing seems to work. Blog layout in theme options is set on single author and small image because i like to have image on the left and excerpt on the right. Thanks, as always, for your help.
- This topic was modified 7 years, 2 months ago by maryhellensegatta.
September 7, 2017 at 6:32 pm #849175Any news? Is it possible? Thanks
September 8, 2017 at 7:01 am #849421Hi,
Thank you for using Enfold.
Please use the following css code to increase the featured image size container.
.small-preview { width: 180px; height: 180px; line-height: 180px; } .multi-big .post_author_timeline, .single-small .post_author_timeline { left: 90px; }
Best regards,
IsmaelSeptember 9, 2017 at 1:05 am #849778Thanks, it does work. I have a 2 more questions:
– what affects second block of code.multi-big .post_author_timeline, .single-small .post_author_timeline { left: 90px; }
?
and
is it possible to not to make thumbnail croped (as in “Ansia e stress” post thumbnail), but only resized?
Thanks- This reply was modified 7 years, 2 months ago by maryhellensegatta.
September 9, 2017 at 5:52 am #849842Hi,
The second css declaration is for the “timeline”.
is it possible to not to make thumbnail croped (as in “Ansia e stress” post thumbnail), but only resized?
I’m sorry but I’m not sure what you mean by that. Could you please provide a screenshot?
Best regards,
IsmaelSeptember 9, 2017 at 3:39 pm #849952Ismael, here is screenshot:
http://www.maryhellen.it/screenshot-thumbnail-cropped.jpgThanks
September 11, 2017 at 3:36 pm #850549Hi,
It is cropped to be square. If you would like to change it, please try the following:
1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
2. Go to Settings > Media
3. Change thesquare
image size (increase its width / height).
4. Regenerate the thumbnails by clicking the button at the bottom.Best regards,
YigitSeptember 19, 2017 at 11:20 am #853796Hi Yigit. I’ve tried your last suggested solution but it does not work. Without css thumbnail Images not increasing in size and are still cropped. I’ve reset media settings to default value and commented css in the custom css theme option. Can you check out please?
- This reply was modified 7 years, 2 months ago by maryhellensegatta.
September 20, 2017 at 7:07 am #854192Hi,
What is the original size of the image? Please go back to the Settings > Media panel and make sure that the “cropping” parameter of the “square” thumbnail is disabled or set to “No”. Update, save then regenerate the thumbnails.
Best regards,
IsmaelSeptember 20, 2017 at 6:18 pm #854522Ismael, i tried again, now thumbnail are not cropped, but dimension did not change to 180px (screenshots attached).
September 21, 2017 at 12:38 pm #854791Hi,
Please note that it will respect the aspect ratio of the original image. You have to upload “square” images or we can use css to adjust the height of the image but it will be distorted.
.small-preview img, .big-preview img { height: 100%; }
Best regards,
IsmaelSeptember 21, 2017 at 1:20 pm #854825Ismael, for me is more important the thumbnail width dimension, it should be of 180px, i don’t undestand why despite settings change in the media settings size is still small. Thanks.
September 22, 2017 at 8:07 am #855225Hi,
You can make it square but you have to crop the image or upload images that are already square. There’s no other option. Enable the “cropping” parameter back.
Best regards,
IsmaelSeptember 22, 2017 at 7:10 pm #855520Thanks, Ismael. Now i know that in order to increase thumbnail dimensions i have to edit css because change dimensions in the media settings does not work. You can mark this thread as resolved.
September 23, 2017 at 3:50 am #855671 -
AuthorPosts
- You must be logged in to reply to this topic.