-
AuthorSearch Results
-
August 12, 2013 at 7:29 am #134399
In reply to: Gallery image loading problem IE10
http://chriswardphotography.net/galleries/fashion-and-portraits/
Happens in IE10 if you hover over the images. Not all the time but I can get it to mess up within around 3 secs of moving of the thumbnails on a page that has just loaded. I can give you some more examples if you like?
August 11, 2013 at 10:46 pm #133990In reply to: Gallery Issue!!!
No there isn’t. It depends on the width you’ve chosen in the General Settings as well since that changes the whole container size.
The size of image you choose is what gets loaded into the layout. This can be really helpful if you want to use a different crop to keep an overly tall image or group of images to fit a square layout or a just generally show as thumbnails
The layout then makes adjustments to fit the viewers devices (full size desktop down to mobile). So if you choose an image that is 300px wide and your choice of gallery is the large single image like in this screenshot http://webex.gr/1.jpg , you’ll get a pixelated result.
It doesn’t usually come up as most users are already starting with a larger image. Even more so to make sure things look reasonable on the new retina screens.
If you just want to add in a single image however and don’t want it to scale then you don’t need to use a gallery at all. Just use a text section and add the image into the visual editor.
August 10, 2013 at 11:31 pm #27558Topic: Need to remove image from top of category page
in forum EnfoldAmerican Patriot
ParticipantWhew! WooCommerce is wearing me out!
I’ve created a WooCommerce Product Category and two child categories and the thumbnail used for the Parent Category is showing at the top of the sub-category page as well as at the top of the Products page. Of course if I remove the thumbnail from the Parent Category it goes away but then there’s no thumbnail on the Shop page for it either. How can I make it appear as a category image but not on the other pages?
Have I made that clear as mud?
I’ve attached a screenshot of what I’m talking about.
Thanks!
August 10, 2013 at 6:13 pm #133475In reply to: Image Cropping
The plugin http://wordpress.org/plugins/post-thumbnail-editor/screenshots/ worked great.
You can do both options. Import the image with white either side then use the plugin to crop for the large image in lightbox or the other way round. Upload the standard image without white and crop in the image for the gallery.
Thanks for the help!!! :-)
August 10, 2013 at 12:33 pm #134285In reply to: Ajax Search
I don’t know why, but still not working :S
URL: http://www.lt-light.com/new
Code:
foreach($post_type as $post)
{
$image = get_the_post_thumbnail( $post->ID, 'thumbnail' );
$extra_class = $image ? "with_image" : "";
$post_type = $image ? "" : get_post_format($post->ID) != "" ? get_post_format($post->ID) : "standard";
$iconfont = $image ? "" : $avia_config[$post_type];
$excerpt = "";
if(!empty($post->post_excerpt))
{
$excerpt = apply_filters( 'avf_ajax_search_excerpt', avia_backend_truncate($post->post_excerpt,70," ") );
}
else
{
$excerpt = apply_filters( 'avf_ajax_search_time_format', get_the_time(get_option('date_format'), $post->ID) );
}
$taxonomies = get_object_taxonomies(get_post_type($post->ID));
$cats = '';
$excluded_taxonomies = apply_filters('avf_exclude_taxonomies', array('post_tag','post_format'));
if(!empty($taxonomies))
{
foreach($taxonomies as $taxonomy)
{
if(!in_array($taxonomy, $excluded_taxonomies))
{
$terms = get_the_terms( $post->ID, $taxonomy );
if(!empty($terms))
{
foreach($terms as $term)
{
$cats .= $term->name .' ';
}
}
}
}
}
$link = apply_filters('av_custom_url', get_permalink($post->ID), $post);
$output .= "";
$output .= "<span class='ajax_search_image'>";
$output .= $image.$iconfont;
$output .= "</span>";
$output .= "<span class='ajax_search_content'>";
$output .= " <span class='ajax_search_title'>";
$output .= get_the_title($post->ID);
$output .= " </span>";
$output .= " <span class='ajax_search_excerpt'>";
$output .= $excerpt;
$output .= " </span>";
$output .= "</span>";
$output .= __('Categories:','avia_framework') . ' ' .$cats;
$output .= "";
}
}
August 10, 2013 at 8:31 am #131676This issue will be fixed in the next version. For now open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodespostslider.php and replace
$output = str_replace('{{thumbnail}}', $thumb_fallback, $output);with
$output = str_replace('{{thumbnail}}', $thumb_fallback, $output);
wp_reset_query();August 10, 2013 at 3:48 am #133889In reply to: Portfolio Thumbnails all Same Size
Hey,
You can find the theme’s thumbnail sizes on functions.php:
$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']['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']['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
//overwrite blog and fullwidth image on extra large layouts
if(avia_get_option('responsive_layout') == "responsive responsive_large")
{
$avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // images for portfolio entries (2,3 column)
$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
}Regards,
Ismael
August 9, 2013 at 10:14 pm #133474In reply to: Image Cropping
I have a few mins to check the plugin. I have also found this one http://wordpress.org/plugins/post-thumbnail-editor/screenshots/
I will try them out tomorrow and let you know. The only other way is to set all the images at the same size with white top and bottom or left or right. This would work in the gallery but then look odd when the image is opened in lightbox as you would still get the white showing.
Is there then a way to have lightbox open a different image, Im guess not….?
I have some images showing what I mean.
http://www.chriswardphotography.com/test-area/examples/gallery-example1.jpg
http://www.chriswardphotography.com/test-area/examples/gallery-example2.jpg
Kind regards
Chris
August 9, 2013 at 9:05 pm #133888In reply to: Portfolio Thumbnails all Same Size
Awsome! That worked! Thank you Devin!
August 9, 2013 at 4:52 pm #133473In reply to: Image Cropping
Hey!
I think this plugin might be able to do what you are looking for: http://wordpress.org/plugins/thumbnail-crop-position/
Best regards,
Kriesi
August 9, 2013 at 3:56 pm #133851In reply to: contact 7 side by side text fields
I also would like the portfolio thumbnail links to open in a new window please.
August 9, 2013 at 3:07 pm #133471In reply to: Image Cropping
Hi artistic24459,
Our queue system goes by oldest posted item within a topic to newest. So each time you self respond it pushes your topic to the end of our queue.
WordPress image cropping is a core function of WordPress and it isn’t something we can change.
If you need exact control over how your images are cropped you’ll need to connect via FTP to your server and download the thumbnail file that wordpress creates for each image and then re-save it locally to the crop you want.
This is a very common problem with photographers who use WordPress because it doesn’t give you the control to crop your own photos in the way you want because its all automatic.
Regards,
Devin
August 9, 2013 at 1:42 pm #133887In reply to: Portfolio Thumbnails all Same Size
Hi eyeCreative,
You can use this plugin to view the themes thumbnail settings: http://wordpress.org/plugins/simple-image-sizes/
For the portfolio items you can set it Crop and then regenerate your image thumbnails so that the newly regenerated sizes are cropped to your specific size.
Just note that the theme will still be resizing the image to fit the column choices and css sizing but will use the base image size you designate as the source.
Regards,
Devin
August 9, 2013 at 6:54 am #134094In reply to: slider with next/previous thumbnails?
Hi,
Add this on your custom.css or Quick CSS
.avia-post-nav {
display: none !important;
}Regards,
Ismael
August 9, 2013 at 6:43 am #133756please try to replace
//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
}).trigger('avia_start_animation');with
//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
});
gallery.trigger('avia_start_animation');August 8, 2013 at 10:59 pm #132222In reply to: News thumbnail squishes featured image
Okay, I was able to fix the thumbnails. The problem was that I did not have the Graphics Draw library on my server. I installed it, regenerated thumbnails, and they now look fine. I also found that featured images crop correctly for grid on some but not all of the custom preview image sizes in blog settings – I’m using portfolio-small and that works for me.
BUT the featured image in the blog post itself is still not working as you can see here: https://www.evernote.com/shard/s260/sh/c91b9098-ad45-42bd-9c1f-2a0f49e01922/38d885c2636b3005374370f92bb22c3e
On the Enfold theme, this 1030×284 image is supposed to crop to 1030×360 and scale to a left aligned preview image, with the ability to expand it to its full size. My featured image does not crop to 1030×360 and instead only scales with a right alignment.
You can also see it right aligning here: http://vmwpprod.mantis-tgi.com/?p=2334
It also does this when I set the blog post format to “Gallery”. If I don’t set the blog post format to “Gallery,” the created gallery scales correctly to its settings in the blog post itself. If I do set it to Gallery, it right aligns and squishes it smaller than its settings in the preview.
August 8, 2013 at 8:28 pm #27460Topic: slider with next/previous thumbnails?
in forum Enfoldmylander
Participanthow can i get rid of the previous/next navigation (the one with the round thumbnails) at the screens border?
August 8, 2013 at 5:43 pm #132221In reply to: News thumbnail squishes featured image
That solution could work to fix thumbnails, but it does not fix the fact that ALL featured images squish. Making all blog images squares also defeats the entire purpose. I don’t want my featured image to always be a square. I want large, dynamic images to go above my blog posts as featured in the Enfold theme. That’s why I bought it.
If that is not clear enough, look at what happens when I make a gallery. I used the exact same large images from your website, regenerated thumbnails, and used this shortcode:
[av_gallery ids='3466,3465,3464,3463' style='big_thumb' preview_size='gallery' thumb_size='portfolio' columns='4' imagelink='lightbox']
This is what it looks like: https://www.evernote.com/shard/s260/sh/a1fa77d7-220a-42fd-9ba0-5f12d9af90d2/621dad2535c2b9ca24282ecb7f95eac8
Clearly I have an issue that goes beyond simply cropping all my images to squares.
August 8, 2013 at 10:41 am #133500In reply to: Image sizes functions.php 2
Yes, the code would work but I’d use
function avia_change_image_size_array()
{
global $avia_config;
$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'=>901 ); // 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'=>330 ); // images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>173 ); // images for portfolio 4 columns
$avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>474 ); // images for portfolio entries (2,3 column)
$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'=>687 ); // images for fullsize pages and fullsize slider
if(avia_get_option('responsive_layout') == "responsive responsive_large")
{
$avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>564 ); // images for portfolio entries (2,3 column)
$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'=>807 ); // images for fullsize pages and fullsize slider
}
avia_backend_add_thumbnail_size($avia_config);
}
add_action( 'init', 'avia_change_image_size_array', 1);August 8, 2013 at 10:10 am #133499In reply to: Image sizes functions.php 2
So is this correct?
function avia_change_image_size_array()
{
global $avia_config;
$avia_config = array(‘width’=>36, ‘height’=>36); // small preview pics eg sidebar news
$avia_config = array(‘width’=>180, ‘height’=>180); // small image for blogs
$avia_config = array(‘width’=>1500, ‘height’=>901 ); // images for fullsize pages and fullsize slider
$avia_config = array(‘width’=>1500, ‘height’=>1500 , ‘crop’ => false); // images for fullscrren slider
$avia_config = array(‘width’=>495, ‘height’=>330 ); // images for portfolio entries (2,3 column)
$avia_config = array(‘width’=>260, ‘height’=>173 ); // images for portfolio 4 columns
$avia_config = array(‘width’=>710, ‘height’=>474 ); // images for portfolio entries (2,3 column)
$avia_config = array(‘width’=>710, ‘height’=>270); // big images for blog and page entries
$avia_config= array(‘width’=>1030, ‘height’=>687 ); // images for fullsize pages and fullsize slider
avia_backend_add_thumbnail_size($avia_config);
if(avia_get_option(‘responsive_layout’) == “responsive responsive_large”)
{
$avia_config = array(‘width’=>845, ‘height’=>564 ); // images for portfolio entries (2,3 column)
$avia_config = array(‘width’=>845, ‘height’=>321); // big images for blog and page entries
$avia_config= array(‘width’=>1210, ‘height’=>807 ); // images for fullsize pages and fullsize slider
avia_backend_add_thumbnail_size($avia_config);
}
}
add_action( ‘init’, ‘avia_change_image_size_array’, 1);
August 8, 2013 at 3:18 am #132220In reply to: News thumbnail squishes featured image
Hi,
I don’t see the problem with the latest news widget thumbnails. They are so small that you can’t even see what they really are. If you want to have a perfect image, please upload a square picture. The size of the thumbnail is 28x28px, if you upload a square image, they will be cropped as is without losing ratio.
Regards,
Ismael
August 7, 2013 at 9:14 pm #133886In reply to: Portfolio Thumbnails all Same Size
Would be nice to have the thumbnails all the same size in my art gallery page as well
August 7, 2013 at 9:08 pm #27395Topic: Portfolio Thumbnails all Same Size
in forum EnfoldeyeCreative
ParticipantHI
Could you please help me figure out how I can have my portfolio thumbnails, on my home page, all the same size?
August 7, 2013 at 6:20 pm #132219In reply to: News thumbnail squishes featured image
I regenerated all thumbnails. Nothing changed.
August 7, 2013 at 2:54 pm #133498In reply to: Image sizes functions.php 2
I noticed Kriesi now calls the function which registers the image sizes directly in functions.php. So we also need to call it in the child theme – use following code to change the image sizes:
function avia_change_image_size_array()
{
global $avia_config;
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>200 ); // images for portfolio entries (2,3 column)
avia_backend_add_thumbnail_size($avia_config);
}
add_action( 'init', 'avia_change_image_size_array', 1);and instead of
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>200 ); // images for portfolio entries (2,3 column)insert your custom sizes….
August 7, 2013 at 2:10 pm #127412Hi,
I have found a nice small Plugin: smarter-navigation.1.3.2. This Plugin remembers, if an user comes from an archive- or category-page to a single post. Normally you have to replace only ‘previous_post_link(‘ and ‘next_post_link(‘ with ‘previous_post_smart(‘ and ‘next_post_smart(‘ and it should work.
But I did not found these expressions in the enfold theme. I inserted prev- next- links, that really display only, when you are coming from a category-Page. But in this case I have two pairs of links: the enfold arrows for the next post and the links inside the category. What can I do? The used code-lines:
<!-- previous post in catetegory -->
<?php
$prev_post_id = get_adjacent_id_smart( true );
if( $prev_post_id ) {
$args = array(
'posts_per_page' => 1,
'include' => $prev_post_id
);
$prevPost = get_posts( $args );
foreach ( $prevPost as $post ) {
setup_postdata( $post );
?>
<div class="post-previous">
<a>">«Previous Post</a>
<a>"><?php the_post_thumbnail('thumbnail'); ?></a>
<h4><a>"><?php the_title(); ?></a></h4>
</div>
<?php
wp_reset_postdata();
} //end foreach
} // end if
?>
<!-- next post in category with first line: $prev_post_id = get_adjacent_id_smart( ); -->Is it possible to include the link above into the enfold-arrows or at least to fade out the arrows, when needed? One idea is, to place the extra-links above the enfold-arrows in a div with higher z-index.
Regards,
Günter
August 7, 2013 at 1:49 pm #131705In reply to: How to add captions to gallery thumbs
Hi,
Sure I am cropping, but can just as easily set height at 300px and set width at 9999px , so that the aspect ratio remains the same and nothing gets cropped. By definition thumbnails are usually all of similar size. Go to amazon.com and look how they deal with displaying thumbnails of flag poles (vertical) and happy birthday banners (horizontal).
—
The margin in my previous code is what centers them margin 0 auto; but it needs a definitive width to work, you are welcome to play around with it. perhaps try using em instead of px since thats more scalable regarding screen size.
The way css issues are solved is via Google Chrome Developer Tools. I suggest you watch some youtube videos on how to use those tools built into the Chrome browser, since almost every answer can be found there.
The css code I provided was the base css code, now you need to add some media queries based on this code and change the pixel width in each one probably. There is a problem with some of your galleries, the lower two, since they remain dim until the end of the page is reached, and that’s when they come alive.
I made some for you but you need to adjust them. At higher screen sizes the first block behaves badly, and probably may need some separate code in order to drop the width of the two empty columns
In original code you can try changing 591 to 691, its fine with all other blocks except first one (1/3 1/3 1/3).
/*
between 990 to 1139px
*/
@media only screen and (min-width: 990px) and (max-width: 1139px) {
.avia-gallery-thumb {
width:621px;
}
}
/*
between 768 to 989px
*/
@media only screen and (min-width: 768px) and (max-width: 989px) {
.avia-gallery-thumb {
width:408px;
}
}
/*
between 480 to 767px
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.avia-gallery-thumb {
width:428px;
}
}
/*
smaller than 480px
*/
@media only screen and (max-width: 479px) {
.avia-gallery-thumb {
width:268px;
}
}Thanks,
Nick
August 7, 2013 at 11:32 am #27353mrkuji
Participantimage animation on scroll .. thumbs have no gone grey till end again even with the .js patch to shortcodes.js
//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
}).trigger('avia_start_animation');has something else changed ?
August 7, 2013 at 9:17 am #131699In reply to: How to add captions to gallery thumbs
Hi,
I have a feeling you made some edit to the template files that is messing up the entire page. Because I took 3 of your photos and made a gallery with them. I am not seeing the problems you are experiencing. and everything looks nice and neat as you can see http://i.imgur.com/EvnraaY.jpg
Try this css to center the text
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
text-align: center;
}
#top div .avia-gallery {
text-align: center;
}Now try this
.avia-gallery-thumb {
margin: 0 auto;
width: 591px;
}
#top div .avia-gallery img {
width: 100%;
float: left;
}
#top .avia-gallery .avia-gallery-thumb a {
float: right;
}With this css, I got your page to look like this http://i.imgur.com/A6yYN84.jpg .
Also please try to use images with a consistent height as the thumbnail, people can click on that image and see the full version.
Thanks,
Nick
August 7, 2013 at 5:25 am #133517In reply to: map shortcode plugin
Hi Islmael.
The problem seems not to bee the plugin.
The map doesn’t position well, when it is within tab’s, and there not in the first tab that it is initialy opend.
When i use the gallery within a tab, not in the initial tab as well, then i got issues with the thumbnails of it.
You can see examples here:
-
AuthorSearch Results
-
Search Results
-
Whew! WooCommerce is wearing me out!
I’ve created a WooCommerce Product Category and two child categories and the thumbnail used for the Parent Category is showing at the top of the sub-category page as well as at the top of the Products page. Of course if I remove the thumbnail from the Parent Category it goes away but then there’s no thumbnail on the Shop page for it either. How can I make it appear as a category image but not on the other pages?
Have I made that clear as mud?
I’ve attached a screenshot of what I’m talking about.
Thanks!
how can i get rid of the previous/next navigation (the one with the round thumbnails) at the screens border?
HI
Could you please help me figure out how I can have my portfolio thumbnails, on my home page, all the same size?
image animation on scroll .. thumbs have no gone grey till end again even with the .js patch to shortcodes.js
//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
}).trigger('avia_start_animation');has something else changed ?
