-
AuthorPosts
-
December 18, 2015 at 1:55 pm #554940
Hi there,
This might be a silly question, but I can’t seem to find the solution. (find the link to my website as a private content)
I want my Magazine Element’s thumbnails to look exactly like the one on the demo: http://kriesi.at/themes/enfold/homepage/home-v10-magazine/ (The main article wide and the elements on the right with a square thumbnail.
As you can see on my website, the images on the right don’t fit 100% the square border and if I choose a wide feature image (like “Welcome to reality”, the thumbnail on the right looks very bad.
What did you do to achieve that look on your demo?
Thank you very much!December 18, 2015 at 2:10 pm #554946Hey worldfuturecouncil!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-magazine-thumbnail { min-height: auto; }
Cheers!
YigitDecember 18, 2015 at 2:36 pm #554965Thanks Yigit for the quick response, it was very helpful and, although it is no a bad solution, I’d rather have the square thumbnails exactly how you have them on the demo. If you refresh the link on my website you will notice that the first item on the right is on a wide format, rather than square.
thank you!
December 22, 2015 at 9:34 pm #556747Hey!
Can you please go to Settings > Media and set thumbnail sizes to 80x80px and check “Crop thumbnail to exact dimensions (normally thumbnails are proportional)” then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/?
Cheers!
YigitJanuary 5, 2016 at 4:37 pm #560005Thanks for your answer!
Unfortunately it didn’t work. Any ideas?
Thanks!
January 6, 2016 at 12:03 pm #560437Hey!
please provide us with the login info to your website in a private message so we can further help you with it to achieve the same look as the demo.
Regards,
VinayJanuary 6, 2016 at 12:12 pm #560440Sent on private, thanks!
In any case I would like to know how to achieve it for future references. If you wouldn’t mind letting me know how you did it later that would be amazing.
Thanks again
January 7, 2016 at 4:11 am #560963Hey!
The posts on the demo use images with the same size and ratio, that’s why the thumbnails are the same. Check these posts:
http://kriesi.at/themes/enfold/2014/04/15/up-and-comers-seed-money/
http://kriesi.at/themes/enfold/2014/04/14/china-is-already-a-superpower/
http://kriesi.at/themes/enfold/2014/04/13/lego-is-on-the-rise/Regards,
IsmaelJanuary 7, 2016 at 11:30 am #561110Hi there, thank you for your answer.
I am aware that on the demo the size of the images have the same width and ratio. If you check out the link I shared in private you will see a magazine element. This is what I want: the big image to have a wide ratio and the thumbnail to have a square one (80×80). The result now is that:
when the featured image is wide it looks good as a main article (ie “Welcome to reality” image) the thumbnail of the same image looks bad when it appears as a secondary entry (as you can see on the right. The opposite happens with the square images (ie “COP reloaded” image. Filter NEWS to see how it looks as a main entry).
So if you would filter the magazine element by “NEWS” you will see that the image in the center is square (and if you’d go to the post itself you’d find that the image looks very bad http://dev.worldfuturecouncil.org/2015/12/15/cop-reloaded/). In your demo, I assume, you have uploaded square images to entries that you know where going to be secondary. And here http://kriesi.at/themes/enfold/2014/04/13/lego-is-on-the-rise/ you just have set manually a header image.
So you use this image as a header http://kriesi.at/themes/enfold/files/2013/10/photodune-3549872-beach-drink-m-710×270.jpg and this one as a thumbnail http://kriesi.at/themes/enfold/files/2013/10/photodune-3549872-beach-drink-m-80×80.jpg.
This won’t be a solution for me because we will have different users uploading articles, and I need it to be automatic. Before I boutgh the theme I was checking this feature and it looked like an automatic procedure, now I see that it wasn’t, but I still need some assistance on this.
On a side note I understand that you guys must have a million questions to answer to every day, but I would appreciate it if you could pay a closer look at what it’s being asked. Although I appreciate the help a lot, your last answer (by Ismael) it’s not only useless to my case specifically but it makes me feel that you didn’t look into the issue. You just answered with a fact (rather than a suggestion) that I can find out by myself by inspecting the Enfold Demo.
I don’t mean to be rude, and I do appreciate all the help that is being provided, the support service is really good. I’m just not happy with this last answer, that’s all.
Thank you!!
January 8, 2016 at 12:42 pm #561913Hey!
what you need is not a theme feature and that is why you need to search a plugin with such a function. Otherwise you would need to hire a freelance developer for this job, as it would require a huge amount of time and customization of the theme to achieve what you need.
Regards,
AndyJanuary 8, 2016 at 1:11 pm #561922Hey!
Hi let me simplify it and reconfirm the process you want the theme to work.
1. Users will upload one main post image.
2. That same image should look good on post excerpts with thumbnails 80×80 pixel and when they open the blog post it should fill the whole area above the text.Right now i have adjusted the thumbnails
but if you make the post images look same size when it is not of same size it will look squished or stretched the other options is to display a message in the upload section for users that the images should be of same size.
Best regards,
VinayJanuary 8, 2016 at 1:31 pm #561940Thank you for the answer
My main concern is not that “when they open the blog post it should fill the whole area above the text.” but that the image appears properly on the Magazine Element.
Isn’t there a ways to make the image on the thumbnail not be squished or stretched, but rather cropped?
Thank again!
January 11, 2016 at 3:15 pm #563197Hi!
Wordpress is cropping images by default when uploading. You can control this behavior with a plugin like: https://de.wordpress.org/plugins/simple-image-sizes/
Regards,
AndyJanuary 23, 2016 at 6:20 pm #570569Hi, thanks for the answer.
There is something very strange going on. I installed the theme on my personal server and the result is exactly what I wanted (which is an automatic resize of the featured image depending on the environment. It’s exaclty what you guys have on your demo).
http://1962flood.martinfreire.com/climate-and-energy/
http://1962flood.martinfreire.com/press-release-for-climate-and-energy-2/Here is what happens with the exact same image on the server where the final website is hosted
http://dev.worldfuturecouncil.org/climate-and-energy/ (magazine element, click on Articles)
http://dev.worldfuturecouncil.org/2016/01/21/despite-a-weak-outcome-paris-was-first-renewables-cop/Why doesn’t this image get cropped on one WP installation but not on the other one? Any ideas?
(I opened up a new thread with this exact question, if you want to answer there instead of here)
Thanks!
January 25, 2016 at 12:23 pm #571281Hey!
I don’t know how that happened but the thumbnails should be cropped exactly like in your test site because that is the specified size in the functions.php file:
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );
`
Did you install any plugins or added thumbnail modification prior to the issue? Please post the login details here, we would like to check it.
Regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.