Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #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!

    #554946

    Hey worldfuturecouncil!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-magazine-thumbnail {
        min-height: auto;
    }

    Cheers!
    Yigit

    #554965

    Thanks 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!

    #556747

    Hey!

    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!
    Yigit

    #560005

    Thanks for your answer!

    Unfortunately it didn’t work. Any ideas?

    Thanks!

    #560437

    Hey!

    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,
    Vinay

    #560440

    Sent 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

    #560963

    Hey!

    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,
    Ismael

    #561110

    Hi 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!!

    #561913

    Hey!

    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,
    Andy

    #561922

    Hey!

    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,
    Vinay

    #561940

    Thank 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!

    #563197

    Hi!

    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,
    Andy

    #570569

    Hi, 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!

    #571281

    Hey!

    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

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.