Hello!
I put a code in my functions.php so that ajax portfolio is opened from beginning:
function add_custom_script(){
?>
<script>
jQuery(window).load(function(){
jQuery(“a[data-rel=’grid-1′]”).first().trigger(“click”)
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_script’);
I like that feature. Nevertheless there’s a kind of delay. For a few milliseconds, you see the thumbnails on top of the page and shortly after that, the portfolio pops open. Is is possible to change this?
Even more important is to find a way to change the way the portfolio behaves. Somehow the frame in which the image is, jumps down first and then adapts to the size of the image. The demo page (example of a 3 Column Ajax Portfolio) shows the same. When I click on the first portfolio item, a preview will open. Before the image shows, you see a white surface that is greater in length than the picture requires. If the image is loaded, the frame adapts. I don’t like that. Can this be changed?
Hopefully you can help me with this!
Thank you very much in advanche.
-
This topic was modified 11 years, 2 months ago by
laartje.
Option 1: I want to make a press page with magazine covers in a grid. When the user clicks on one, I would like it to come up as a lightbox (and possibly an option to download the pdf)- It may also go to a link online.
Option 2: a grid of thumbnails of the name/logo of the publication neatly on a page. Same thing when clicked as above.
Can anyone suggest the best way to do this? I am experimenting but would love if I could save time by finding a solution right out of the gate.
This reply has been marked as private.
Elliott –
I didn’t think I had to regenerate the thumbnails, I had just updated the theme. I’m running the regenerate thumbnails plugin and it’s working!
Thanks!
– Mitch
Hey!
To get images to open up in the lightbox gallery all you need to do is link to the image.
<a href = "URL to your image">
<img src = "URL to the image thumbnail if desired" />
</a>
Cheers!
Elliott
Hey mithster!
Try deleting the image and upload it again or use this plugin, https://wordpress.org/plugins/regenerate-thumbnails/, to regenerate the thumbnails.
Regards,
Elliott
http://borstch.eu/karl-final2/galleri/
Is there any way to improve the quality of the thumbnails? Can I replace them with my own?
Hey solveigmalvik!
1- Default image sizes are as following
$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'=>845, 'height'=>684 ); // 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'=>845, 'height'=>321); // big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 ); // images for fullsize pages and fullsize slider
You can find them in Functions.php file in Appearance > Editor and change them as needed. Please do not forget to regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
2- Can you post the link to your page where we can see an example please?
3- Please add following code to Quick CSS in Enfold theme options under General Styling tab
.image-overlay { display: none !important; }
Cheers!
Yigit
Hi Elliot,
Thanks for the reply, How do I create custom links to my images and have them open up in a gallery? I tried a bunch of different ways with no luck, even installed a custom link plug in for WP galleries.
Also I am playing around with the preview gallery – see http://rosemaryjason.com/video-test – and the images in the preview box are pixelated and blurry, thumbnails are sort of OK and the light box image is fine.. Any ideas on how to fix that? I’ve tried lots of different image sizes and the preview is always blurry. I’ve also tried larger page sections as well, no luck.
Thanks in advance,
Rosemary
HI there,
How does this Gallery option work? I have the gallery in a Layout Element : Color Section
I have uploaded images that are 200x150px and selected the following options:
Gallery Big Preview Image Size: No scaling = Use original width & height
Force same size for all big preview images? = No
Gallery Preview Image Size = Thumbnail 80×80
5 columns
See website link for how it displays
** I am only practising with layout and content but would like to use this feature although it may not go into a color section layout element.
Thank you
Hi!
I LOVE Enfold, btw! It’s amazing.
Anyway, I want to remove the preview/thumbnail image from the blog post widget, as well as all of the meta-data that shows up there. How do I do that? I have it set to the “small image” setting, but I don’t want any image at all.
The page is http://danielauslan.com. It’s the blog post that’s on the left hand side of the page if you scroll down a bit.
Thanks,
Daniela
-
This topic was modified 11 years, 2 months ago by
Duslan82.
Hey!
You set the Slideshow Image and Video Size to 1500×430 but since the theme can’t find any image with that size, it opted for the largest image available. Try to set the Slideshow Image and Video Size to a smaller thumbnail or upload images with the same size and dimension.
Cheers!
Ismael
Hey!
Have you tried changing the default Thumbnail size in Settings > Media?
Best regards,
Josue
Is this possible with some sort of plugin? Instead of cropping thumbnails in the media manager?
http://borstch.eu/karl-final2/galleri/
Can’t seem to disable the mouse over effect on gallery thumbnails. Tried with this code
.image-overlay:hover { display: none!important; }
.image-overlay { display: none!important; }
Any ideas?
-
This topic was modified 11 years, 2 months ago by
crewneck.
Hi!
You need to set an og:image tag so Facebook can fetch that as the thumbnail image, you can do that with a plugin like:
https://wordpress.org/plugins/wp-open-graph/
Best regards,
Josue
In functions.php I find this:
Add a checkbox to the featured image metabox
*/
if(!function_exists(‘avia_theme_featured_image_meta’))
{
add_filter( ‘admin_post_thumbnail_html’, ‘avia_theme_featured_image_meta’);
function avia_theme_featured_image_meta( $content )
{
global $post, $post_type;
if($post_type == “post”)
Is it possible to add custom post types (and how)?
Is there a way to disable the feature image display on the blog post widget Grid Layout thumbnails?
This reply has been marked as private.
Hi!
Try editing line 118 in the functions.php file.
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs
You may need to regenerate the thumbnails, https://wordpress.org/plugins/regenerate-thumbnails/.
Regards,
Elliott
Hey!
I’m not an SEO expert but if your site is focused on photography then I would just upload images big enough to make you happy and not care about how long it takes for them to download. Another option would be to upload thumbnails of your images and then offer links to the full size images next to them. This will let your page download fast and also give users the option of seeing the fullsize images.
You can check out some of these photography websites, http://www.vandelaydesign.com/best-photographer-portfolio-websites/, to see how other people handle this.
Best regards,
Elliott
-
This reply was modified 11 years, 2 months ago by
Elliott.
Hi!
When you upload the image as background, make sure to select the “Full Size” thumbnail size. If you can give us a link to the actual page, that would be great.
Regards,
Ismael
Hey profumopuntoit!
Thank you for using Enfold.
Looks like you’re using the images on a portfolio page. Try to adjust the size of the images using this plugin: https://wordpress.org/plugins/simple-image-sizes/
Go to Media > Settings look for the portfolio and portfolio_small thumbnail. Adjust the size according to the portfolio gird column width and height. Update then save changes. Regenerate the thumbnails after.
Cheers!
Ismael
http://borstch.eu/karl-final2/galleri/
How can I change the way thumbnails crop the picture? I want the thumbs to crop from the bottom so that the top of the images are in focus.
Hey!
Actually, the largest image that you will see on the masonry section is 705x705px, this is the specified thumbnail size for the masonry element, but the theme will determine the orientation of the images base on the original size uploaded. So it all comes down to image format and optimization. You can edit config-templatebuilder > avia-shortcodes > masonry_entries.php file if you want to specify the image dimension. It will take a major code rewrite though so you may need to hire a freelance developer.
Best regards,
Ismael
Hi!
Yeah. You’re right. Didn’t notice the video option. Try to use the video shortcode:
http://dtcinsure.com/wp-admin/admin.php?page=layerslider&action=edit&id=6
http://dtcinsure.com/test-page/
You can add a poster or video thumbnail attribute: http://codex.wordpress.org/Video_Shortcode
Regards,
Ismael
Hi!
You can add this on Quick CSS to remove the tag title:
.tag h3.post-title.tag-page-post-type-title {
display: none;
}
Try to add this on functions.php to disable the lightbox for featured images:
function avia_image_slideshow_filter($current_post)
{
$prepend_image = get_the_post_thumbnail(get_the_ID(), 'large');
$image = "";
if(!$prepend_image)
{
$image = avia_regex($current_post['content'],'image');
if(is_array($image))
{
$image = $image[0];
$prepend_image = '<div class="avia-post-format-image"><img src="'.$image.'" alt="" title ="" /></div>';
}
else
{
$image = avia_regex($current_post['content'],'<img />',"");
if(is_array($image))
{
$prepend_image = '<div class="avia-post-format-image">'.$image[0]."</div>";
}
}
}
else
{
$large_image = wp_get_attachment_image_src( get_post_thumbnail_id(get_the_ID()), 'extra_large' );
$post = get_the_permalink(get_the_ID());
$prepend_image = '<div class="avia-post-format-image"><a href="'.$post.'">'.$prepend_image."</a></div>";
}
if(!empty($prepend_image) && is_string($prepend_image))
{
if($image) $current_post['content'] = str_replace($image, "", $current_post['content']);
$current_post['before_content'] = $prepend_image;
$current_post['slider'] = "";
}
if(is_single(get_the_ID()) && get_post_meta( $current_post['the_id'], '_avia_hide_featured_image', true ) ) $current_post['before_content'] = "";
return avia_default_title_filter($current_post);
}
Cheers!
Ismael
I am trying to present a blog layout in a certain way in the Avia layout builder.
Basically I want a grid layout, with thumbnail on the left, the title and text on the right.
And the excerpt to be longer.
Is there any way to do this?
I have found other plugins that offer customisation.
But they don’t have the set up pagination that is already set up in ‘Blog’ and ‘Magazine’.
Thanks
Darran
Hi,
if you look at the website (private content) you see that the blog grid elements don´t break when viewing on mobile devices. The thumbnails of the blog post just get smaller. What can I do about that?
Thanks for your help!
KR