-
AuthorSearch Results
-
August 9, 2013 at 6:43 am #133756
please 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:
August 7, 2013 at 2:42 am #132218In reply to: News thumbnail squishes featured image
Hi rapinion,
Our queue system goes by oldest post to newest so each time you self respond it actually pushes the topic to the end. I would have responded yesterday but this last post pushed it until I’m just getting to this point now.
It doesn’t look like any of your images have had their thumbnails created. Run the plugin mentioned above completely now that the content is live so that the images have their thumbnails created for all of the theme uses: http://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Devin
August 6, 2013 at 2:08 pm #133545In reply to: Issue with WooBrands – not shown next to one another
Hi eakozel,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.widget .brand-thumbnails li, .brand-thumbnails li {
clear: none;
list-style-type: none;
}Regards,
Devin
August 5, 2013 at 8:54 am #133013In reply to: Diable image animation on scroll
Open up enfold/js/shortcode.js and search for this code around line 205:
//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));
});
});
change it to:
//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');
and the gallery thumbs should load immediately.
August 5, 2013 at 6:32 am #132217In reply to: News thumbnail squishes featured image
I haven’t heard a response on this issue in 4 days. What other information can I give you to help solve this problem?
August 4, 2013 at 4:32 pm #133162In reply to: Woocommerce product without a product image
Hi eakozel,
Try adding this function to the bottom of your functions.php file and define your placeholder with it:
/*
* goes in theme functions.php or a custom plugin. Replace the image filename/path with your own :)
*
**/
add_action( 'init', 'custom_fix_thumbnail' );
function custom_fix_thumbnail() {
add_filter('woocommerce_placeholder_img_src', 'custom_woocommerce_placeholder_img_src');
function custom_woocommerce_placeholder_img_src( $src ) {
$upload_dir = wp_upload_dir();
$uploads = untrailingslashit( $upload_dir['baseurl'] );
$src = $uploads . '/2012/07/thumb1.jpg';
return $src;
}
}You just need to replace /2012/07/thumb1.jpg with the route to your image in your uploads folder. So something like /2013/08/yourimagename.jpg .
Regards,
Devin
August 3, 2013 at 6:31 pm #133054In reply to: prettyphoto full size image
This may be a bit clearer. I have upload images that are 3004 px in width. When I view in lightbox the largest image that will show is 1351 px width and 901 px height. What sets this limit? Can you make it larger?
Is it set by the standard wordpress image sizes?
Thumbnail size 80 Width 80 Height
Medium size 300 Max Width 300 Max Height
Large size 1500 Max Width 1500 Max Height
Please link this http://chriswardphotography.net/galleries/kids/ and open the image in lightbox and you will see.
August 3, 2013 at 2:32 pm #133042In reply to: Gallery images lightbox captions
Hi,
Insert the Gallery element under the Media Elements tab. Add / Edit gallery images, under each image you can add a caption. It will show as a tooltip when you hover each gallery thumbnails.

Regards,
Ismael
August 3, 2013 at 9:31 am #131695In reply to: How to add captions to gallery thumbs
ok.. if you have a 800×800 picture.. insert as a 2 column gallery.. if you choose any size less than half of the width of the column.. so say 450px x 450px – the captions appear underneath.. if you choose 300px x 300px the captions appear on the right of the thumbnail.
so 1. How to stop this and 2. how to center align the captions under the pic *not left justified..
Thanks again I know how busy you are and appreciate the assistance
August 3, 2013 at 8:30 am #131694In reply to: How to add captions to gallery thumbs
perhaps you misunderstand.. I really have to have the captions.. but the text just to be aligned center under each thumbnail
Most of the images are really huge and way over 300px – it does appear that the ones less than 300px are causing the problem ! I will try fixing the sizes and see where I go…
help with the caption alignment would be great thanks !
August 3, 2013 at 7:41 am #132828Hallo,
ich habe mir die Website angesehen und konnte keinen Javascript Fehler finden. Ich denke, wenn auch die Thumbnails, etc. nicht mehr angezeigt werden hat das Plugin vielleicht etwas in der Datenbank geändert (Attachment IDs geändert, bestehende Daten manipuliert, sodass diese nun fehlerhaft ausgewertet werden, etc.). Ich würde daher ein Datenbank Backup einspielen und überprüfen, ob dies das Problem behebt.
August 2, 2013 at 11:56 pm #132216In reply to: News thumbnail squishes featured image
We moved some of the website online for testing. Here is a link to the blog: http://vmwpprod.mantis-tgi.com/?page_id=2650
August 2, 2013 at 11:47 pm #130436In reply to: Enfold tablles
Hi,
On this page http://livedealer.org/dev/live-casino-games/live-blackjack/ and other pages like that, this css will fix the thumbnails , so all rows of thumbnails have same height. http://www.clipular.com/c?13089094=roSIXnMA2CWAcp_KfQUc6rwo5pU&f=.png
h3.grid-entry-title {
height: 40px;
}Sorry , I still don’t see it. What page is it on? http://www.clipular.com/c?13089097=P9mS7j6EYtydza8Nu5DzxRi0VKw&f=.png
….oh the menu. It doesn’t look that way to me, but it overflows on the left side.
Here is some css to take care of that
@media only screen and (min-width: 768px) and (max-width: 989px) {
#header li:hover .avia_mega_div {
width: 760px;
right: -300px !important;
}}Thanks,
Nick
August 2, 2013 at 2:58 pm #27128Topic: Image sizes functions.php
in forum Enfoldartistic24459
ParticipantYou can see all image thumbnail size in the functions.php
Is there a way of changing or over-writing them in the ‘child theme’ function.php so I don’t have to keep updating the function.php if it is changed in an theme update?
August 2, 2013 at 5:34 am #132452In reply to: CompatibilityIssues with Enfold and Woo Commerce
Hi,
yes the Template Builder is not supported by WooCommerce products because the template builder would overwrite the default woocommerce plugin templates and break many existing third party woocommerce extensions. Thus we decided that WooCommerce templateswon’t support our layout builder.
If you want to add images to the products use the “featured image” option in the right sidebar (editor screen) and you can also use the “Product Gallery” field to add some thumbnails.
-
AuthorSearch Results
-
Search Results
-
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 ?
Topic: Image sizes functions.php
You can see all image thumbnail size in the functions.php
Is there a way of changing or over-writing them in the ‘child theme’ function.php so I don’t have to keep updating the function.php if it is changed in an theme update?
