Any idea? Sorry for bothering, but it’s really important.
Hi Sir,
I’ve created 3 gallery pages with same settings.
They display fine but after clicking it does not load-up lightbox view
, although it works fine if I change it to open in new page.
http://events.redmonsoon.com/gallery/
http://weddings.redmonsoon.com/portfolio/
http://photobooth.redmonsoon.com/gallery/
Q2. Also how may I set the thumbnails into page selection so that it takes faster to load? Currently this page loads really slowly with them all 1 page.
Thanks and regards
Kendrick
-
This topic was modified 11 years, 11 months ago by
redmonsoon.
Hey cryscryb!
With the new image sizing tool there definitely might be a change in how images are handled for responsive layouts but there are some alternatives you may have missed in the current implementation.
Each time you upload an image to WordPress it auto creates a number of thumbnails for you. The theme hooks into this function and adds some more.
When you add an image into a layout you can choose the size of the image to add in based on any of these sizes. The theme then adds a rule to the image so that it auto expands to 100% width of its container on the front end regardless of what size you’ve chosen.
To control the size you would wrap that image in a container using a shortcode so that its container is smaller. In this way keeping the image responsive but in proportion to your layout.
Cheers!
Devin
Hi there, first off I really love the theme. Nice work guys!
Now for my Q. Is there any way to configure how images inserted into posts / thumbnails generated for blog posts are cropped / scaled?
For example the featured image of this post has the top and bottom cropped, but it should display the guys faces. How do i go about correcting this?
http://www.zettanetracing.com/zettanet-race-team-welcomes-the-ferret-into-the-business/
Some images are fine but others are cutting off key parts of the image. Another example is the thumbnails on this page, some look perfect while others are cutting off key parts of the image.
http://www.zettanetracing.com/#after_full_slider_0
Is there any way to do this without manually cropping / scaling the image before uploading?
Thanks in advance!
This reply has been marked as private.
This reply has been marked as private.
Hi Support,
How can i make the recent portfolio widget thumbnails bigger?
Want em to fill the whole sidebar “Center” and just have the title under them?
It is going to present all the models that are in the portfolio so we only need a bigger picture and the name under that :-)
Cheers!
Thank you Josue,
Maybe you can explain how to get it to work? In the advanced layout editor (which is used on the page in question) I paste this code, (tried on both visual and text tabs)
<a href="#inline-1" rel="prettyPhoto" ><img src="/wp-content/themes/NMFE/images/thumbnails/earth-logo.jpg" alt="" width="50" /></a>
<div id="inline-1" class="hide">
<p>This is inline content opened in prettyPhoto.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div>
</div>
once saved, the “hidden” content still appears on the page once refreshed, although a pop-up does appear with the same text when clicked, when i open the advance editor back up the code is completely gone.
I’ve tried using a button and using this code in the link section: href=”#inline-1″ rel=”prettyPhoto” which results in nothing but an blank new tab.
This is very frustrating.
Hi Peter and thank you for the quick reply.
Last question. How can I show in mobiles the previous and next thumbnails of the portfolio items?
Regards
Asterios
-
This reply was modified 11 years, 11 months ago by
Asterios.
Hey!
Thank you for the update.
You can edit functions.php, find the thumbnail size code on line 102:
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>360 ); // images for fullsize pages and fullsize slider
You can increase the width and height of the thumbnail then set the crop parameter to false. Replace the code above with something like this:
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1200, 'height'=>500, 'crop'=>false ); // images for fullsize pages and fullsize slider
Upload the image again or regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
I hope that helps.
Cheers!
Ismael
I found this thread https://kriesi.at/support/topic/enfold-gallery-thumbnail-sizes-and-proportions/ for editing height of a thumbnail, but how to set its width?
Hi,
Could you please help me with the next three things:
1) I would like to block some pages (parent and subpages) in the header menu but I don’t know where to change the code or add it to quick css.
2) I found a thread where it is described how to edit the gallery thumbnail height but I can’t do the same with width. I want to set thumbnails to 60x60px as well as to block hover and fade over them.
3) How to center a title of the text widget? I’m using <p style=”text-align: center;”>text here</p> for center alignment of text but can’t do the same with title.
Thank you in advance.
Ismael, thank you so much for fixing the css styling.
Indeed, all 250+ images had disappeared from the uploads folder. I really have no idea how that happened. Fortunately, right after the site went crazy, I downloaded the entire site to back it up onto my computer. Thus, I was able to upload all the old images and thumbnails by ftp this morning and all looks good again!
When the trouble started, I had been modifying the child theme style.css file. But, still a mystery to me why all the images.
Thank you for your help!
Hey!
Thank you for using the theme!
I’m sorry but I’m not sure why the images are gone. I just saved the theme options again and the css styling has been fixed. When I inspect the logo, the image source do not exist. Please re-upload the logo. Regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Did you you modify the child theme’s style.css file?
Regards,
Ismael
Hi, I’m following up on this “Post Format” Link post, the link is working fine on the title of the post but also linking to the post itself on the Post Thumbnail.
Hey!
The guideline is that the image must to be bigger than the defined thumbnail size or it must at least equal the thumbnail size. I.e. the portfolio thumbnail size is defined in functions.php with
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)
The image http://meetthemanufacturer.co.uk/wp-content/uploads/2014/04/logo-1.png is just 551 x 166 and thus wordpress won’t resize it because the height 166 is smaller than the defined height of 400px. WordPress won’t upscale the images but it will only crop/shrink images if they’re bigger than the defined thumbnail dimensions.
You’ve 3 options:
1) Upload bigger images with a dimension of at least 495x400px
2) Change the thumbnail size (especially the height) to a low value and regenerate the thumbnails with: http://wordpress.org/plugins/regenerate-thumbnails/
Imo this will not produce acceptable results because the height of 166px is simple not enough for portrait or standard images.
3) Try the “Masonry Grid” instead of the default portfolio element. It supports different image sizes – see: http://kriesi.at/themes/enfold/portfolio/masonry-portfolio/
Cheers!
Peter
Hi,
Id like to apply the zoom effect that appears when you hover over a thumbnail in the “fullwidth masonry gallery” to both the “gallery” and the “portfolio grid” elements.
I also want to remove any other hover effects from the “gallery” and “portfolio grid” elements. so that there is only the zoom effect when you hover over the image thumbnails.
In short I want all image thumbnails to have the same styling as the fullwidth masonry gallery elements
Many Thanks in advance
When adding media and using the insert from URL, that works fine. However, when viewing the post slider, there are no thumbnails or images displayed on the slider itself. But when you go the post, the image displays.
Thanks
i think the problem was that we hadn’t noticed the thumbnail size setting when we switch to original size it now works the way we expected sorry for he false alarm and thanks for your help regardless!
How I can make for bbpress template that any URL with an image automatically convert it to a thumbnail and expand it with lightbox?
Is something you have here implemented, and it would be really nice to have also on the theme.
Thanks.
Hi Spiv!
Thank you for using the theme!
The thumbnails are needed for certain parts of theme like widgets, posts, portfolio etc. You can disable them on functions.php, look for this code:
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs
$avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 ); // images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns
$avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>575 ); // images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); // images for magazines
$avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>270); // big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>360 ); // images for fullsize pages and fullsize slider
For example, if you want to disable the the widget thumbnail size (36x36px), look for this code:
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news
Switch it to php comment. Replace it with this:
//$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news
Regards,
Ismael
Hey there,
I am trying to make a 4-grid portfolio with images that open to a light box as seen on this page of the demo: http://kriesi.at/themes/enfold/portfolio/portfolio-2-column/. I can’t figure out how. Clicking the thumbnail just goes to the project page.
Any suggestions? Thanks very much!
Matt
>> Apologies – I figured this out. Yes, it was obvious. I has the dumb.
-
This topic was modified 11 years, 11 months ago by
azzopard1. Reason: Solved
I am using the grid layout to display my blog posts with a thumbnail preview image displayed for each post. I have also set it to display 3 blog grid columns. So right now, the blog posts are displayed as follows:
1-2-3
4-5-6
7-8-9
Is there anyway to display the thumbnail preview image larger for the first blog entry. So basically the first blog post is displayed as one big column instead of three columns across in this manner:
–1–
2-3-4
5-6-7
Or is this not possible without hiring a programmer to re-write some of the code?
-
This topic was modified 11 years, 11 months ago by
lsrmedia.
Hey awilson3rd!
The ajax portfolio images should be at least 684 pixels wide. Its one of the few hard limits the theme has for setting up content but because of the way the portfolio items are pulled in via ajax Kriesi limited them to a specific layout.
The thumbnails below them can be modified by changing your WordPress thumbnail size and/or the number of columns to be shown. The column count dictates the size of the square, the thumbnail size is the source used.
For you, since the images are already in photoshop I would say just run an action to resave them at a larger size since it can be automated and run as a batch. If the sources aren’t large enough then the ajax portfolio may not be a good fit unless you are looking to have the theme files customized.
Cheers!
Devin
I’m using Enfold v2.6.2, and according to this post:
https://kriesi.at/support/topic/revisions-do-not-work/
…it seems that revisions for portfolio items are disabled by default, but there’s a code to enable them.
I have placed this code in a functions.php file in my child theme:
<?php
add_filter('avf_portfolio_cpt_args','avia_add_portfolio_revision', 10, 1);
function avia_add_portfolio_revision($args)
{
$args['supports'] = array('title','thumbnail','excerpt','editor','comments','revisions');
return $args;
}
?>
…but the checkbox for revisions is still not showing in the portfolio page screen options.
Is there a way to make them work. Please can you help ASAP?…Things keep breaking on the portfolio page when I’m adding content to tabs, and there’s no way to go back to previous versions. I’m losing hours of work.
Hello,
I know there have been a number of posts about this but surely there must be a way to force the portfolio image in ajax to display at a smaller (or particular) size. I have managed with the help of other posts to get my thumbnails to be a little sharper but my website (which relies heavily on quality images) is really let down by the blurred looking ajax image (the larger one). I have over 300 images which are flattened psd files (png’s) so making each psd larger and then using that is simply not an option. The image that loads in ajax only has a small text description so there would be plenty of room to reduce the size of the ajax box.
So, I am hoping there is some way of fiddling this otherwise I will have to turn ajax off completely which is a shame because it does add visual benefit but at the moment the image quality and size restrictions are far too limiting.
Any help would be appreciated.
Thanks
Andrew
my website is accessible again. I can restore the old original via a FTP server.
I have pasted the code as follows:
avia_nav_menus(); //call the function immediatly to activate
add_filter(‘avf_avia_builder_gallery_image_link’, ‘avia_change_gallery_thumbnail_link’, 10, 4);
function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta)
{
$link = wp_get_attachment_image_src($attachment->ID, “full”);
return $link;
}
that was definitely wrong. where exactly do I have to insert the code?
Hi!
It seems like first code is not being applied. Please try adding it to the top of custom CSS section and also to custom.css file inside Enfold/Css folder
Best regards,
Yigit