Hi,
Ahh.. So you had a working site with Thesis, then you changed over to Enfold, and now the new posts show the featured image while the old ones from Thesis do not? Thesis uses a non standard way of attaching images which prevents the featured image from being recognized by wordpress without Thesis , (a rather clever way of ensuring that past customers remain current customers). You can read about it here ( http://wordpress.org/support/topic/migrating-thesis-post-images-and-thumbnails-to-non-thesis-theme ) since you aren’t the first to try to solve this issue.
However you are in luck if you only have 10 featured images that aren’t showing up. You will need to re-attach them yourself again in Enfold which should take 10-15 minutes total. Just get the original images and re-attach them one at a time. Now if you had 1000 images , that’s when things get ugly.
Thanks,
Nick
Hi atlas86,
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:
.four.units.single-product-main-image {
overflow: hidden;
}
Not sure what is causing it but it may have gone away when using new images for a product or by regenerating image thumbnails using something like http://wordpress.org/extend/plugins/regenerate-thumbnails/ as well.
Regards,
Devin
On product page backend, the option is given to:
Hover effect on Overview PagesDo you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?
Yes or No
How can I update entire store (2000 products) without going into every single product and doing it manually?
Thanks in advance.
Gerry
Hi,
Please refer to this link. This is the only solution provided by Kriesi.
https://kriesi.at/support/topic/scrolling-to-bottom-before-gallery-loads
Regards,
Ismael
Hi,
Please try out the following:
Create a page with only a gallery, with plenty of images. I noticed the thumbs sequential loading only starts when the users scrolled to the end of the page/gallery.
This is also if you choose a big preview image. As soon as the gallery requires to scroll to see the bottom thumbs, it only displays the thumbs (starts the sequential animation) when reached the bottom of the page/gallery.
Before doing this they remain semi-transparent.
How to solve this please?
Thanks
S
Hi,
You can find the thumbnail sizes code on functions.php.
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news
$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
$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)
The small differences is due to the fact that the images is being constrained by their containers.
Regards,
Ismael
Hi,
You can use the text widget. You can manually add the html code for a set of images. The example below used this code
<ul id="envato-marketplace-items"></p>
<li><a href="http://themeforest.net/item/abundance-ecommerce-business-theme/759562?ref=Kriesi" title="Abundance eCommerce Business Theme"><img src="http://2.s3.envato.com/files/8663400/tooltip_template.jpg" alt="Abundance eCommerce Business Theme" /></a></li>
<li><a href="http://themeforest.net/item/angular-responsive-portfolio/1415600?ref=Kriesi" title="Angular - Responsive Portfolio"><img src="http://2.s3.envato.com/files/16382998/tooltip_template.jpg" alt="Angular - Responsive Portfolio" /></a></li>
<li><a href="http://themeforest.net/item/propulsion-responsive-business-ecommerce/1126092?ref=Kriesi" title="Propulsion - responsive business & eCommerce"><img src="http://3.s3.envato.com/files/13120344/tooltip_template.jpg" alt="Propulsion - responsive business & eCommerce" /></a></li>
<li><a href="http://themeforest.net/item/flashlight-fullscreen-background-portfolio-theme/616050?ref=Kriesi" title="Flashlight - fullscreen background portfolio theme"><img src="http://3.s3.envato.com/files/7056179/tooltip_template.jpg" alt="Flashlight - fullscreen background portfolio theme" /></a></li>
<li><a href="http://themeforest.net/item/corona-business-portfolio-theme/533913?ref=Kriesi" title="Corona - Business & Portfolio Theme"><img src="http://3.s3.envato.com/files/6192197/thumbnail.jpg" alt="Corona - Business & Portfolio Theme" /></a></li>
<li><a href="http://themeforest.net/item/shoutbox-magazine/400938?ref=Kriesi" title="Shoutbox Magazine"><img src="http://0.s3.envato.com/files/4465731/tooltip_template.jpg" alt="Shoutbox Magazine" /></a></li>
<li><a href="http://themeforest.net/item/expose-gallery-template-3-in-1/103010?ref=Kriesi" title="Expose Gallery Template - 3 in 1"><img src="http://2.s3.envato.com/files/330025.jpg" alt="Expose Gallery Template - 3 in 1" /></a></li>
<li><a href="http://themeforest.net/item/cubit-6-in-1-business-portfolio-theme/38712?ref=Kriesi" title="Cubit 6 in 1- Business & Portfolio Theme"><img src="http://1.s3.envato.com/files/108790.jpg" alt="Cubit 6 in 1- Business & Portfolio Theme" /></a></li>
<li><a href="http://themeforest.net/item/newscast-4-in-1-wordpress-magazine-and-blog/91058?ref=Kriesi" title="Newscast 4 in 1 - WordPress Magazine and Blog"><img src="http://0.s3.envato.com/files/288092.jpg" alt="Newscast 4 in 1 - WordPress Magazine and Blog" /></a></li>
<p> <br class="clear"><br />
Regards,
Ismael
Problem uploading images…
I am getting…
An error occurred in the upload. Please try again later
when trying to upload images…
It is random what pictures give the error but all of them are always 300k or smaller pictures…
Even with the error the picture is still uploaded but seems like it craps out generating the thumbnails… does only a few…
I have tried disabling all plugins with Enfold theme enabled and still get errors…
I can switch to twentytwelve theme leaving all plugins enabled and all pictures upload fine… though this theme does not create thumbnails like Enfold…
I have researched the issue and seem to be a common problem for a lot of people with wordpress but has a billion different answers…
If you have any ideas please advise… I will keep trying to figure it out too…
Hi Martin,
Things look good now when checking on your previous link. The issue with trying to adjust images with css is that its just stretching them or compressing them which in turns loses quality.
So using a good size base image and selecting the appropriate thumbnail size is best.
Regards,
Devin
I’m using Enfold to redesign my Portfolio ( http://roberthunecke.com/redesign/ ). I used the Post Slider on my Homepage to create somekind of Client-Rotation.
To ensure every thumbnail is showing the complete logo I had to set the thumbnail-setting inside the Post-Slider to “No Scaling”, which is why my items have different height-values.
Is there a way to center them horizontal so they are no longer aligned by their top edges? I fiddles around by using:
position: absolute; top:0; bottom: 0; margin: auto
I thought I could center them that way, but without success.
Thanks
Hi!
You need to set the featured image (post thumbnail) for the portfolio entry.
Regards,
Peter
Thanks, I know that, the thumbnail has to be square. Any thoughts how to fix it? Can I do the square thumbnails bigger with CSS?
Thanks,
Martin
Hi,
You can use this:
.grid-entry .inner-entry {
width: 90%;
margin-left: 5%;
}
.sort_width_container {
padding-left: 1.5%;
}
Regards,
Ismael
Hi,
Edit the portfolio item, click the Gallery element, look for Gallery Preview Image Size. Choose a bigger thumbnails. You’re using the square thumbnails which is 180x180px.
Regards,
Ismael
Hi, i just want to change the size of my thumbnail.
Look : http://www.socialweb.fr/medias-sociaux/
She is so big !
Thanks
R3v0x
Thanks Nick! Works, only thing is it automatically aligns the grid to the left – is there a way to center it?
Thanks! Is there any CSS code to force that?
Hi How can i have the thumbnails show up in sidebar and footer widgets areas for latest post – as shown in Demo. My site http://teamrfa.com.au/ to see that no thumbnails are showing. Cheers Shaz
I think you should try a bigger thumbnail size. At the moment the 180px x 180px thumbnails are used but the css code will scale them to 206 x 206px. Go to the “Gallery” element option screen and select another thumbnail size from the “Gallery Preview Image Size” dropdown.
Hi!
Glad you found a solution :)
Regards,
Peter
Hi,
So your question is how do you enable that? That is an effect that I think is automatic with the theme. So if you add an image element to a page and link it somewhere, the image, that effect will be attached to that image on its own. Images in advanced layout elements such as portfolios, gallerys, sliders, thumbnails… they all have this functionality attached automatically. It is CSS manipulated by jquery basically. looks like this
<a href="http://kriesi.at/" data-rel="grid-1" class="grid-image" style="height: auto; opacity: 1; position: relative; overflow: hidden;">
<img width="495" height="400" src="http://kriesi.at/dash_glass2-495x400.jpg" class="attachment-portfolio wp-post-image">
<span class="image-overlay overlay-type-extern" style="opacity: 0.7; left: 0px; top: 0px; display: block; height: 276px; width: 342px;">
<span class="image-overlay-inside"></span>
</span>
</a>
Was there something specific you wanted to use it for that you couldn’t?
Thanks,
Nick
Hey!
Can you post a link to your portfolio page please?
Best regards,
Peter
Hi,
Only by using css.
Please add this to you /css/custom.css OR to Quick CSS located in Enfold > Layout Styling … the text area at the bottom of that page
.grid-entry .inner-entry {
width: 90%;
}
You can change it , 100% is what you currently have.
Thanks,
Nick
changed a[href$=jpg] to .avia-gallery a[href$=jpg] in avia.js
i am using a Pinterest button with the post thumbnail in “loop-index.php”
echo '<div class="pinterest-feature"><a aria-hidden="true" data-icon="" target="_blank" href="http://pinterest.com/pin/create/button/?url='.urlencode(get_permalink($the_id)).'&media='.$link.'"></a></div>';
that renders as
<div class="pinterest-feature"><a aria-hidden="true" data-icon="" target="_blank" href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fdev.the-henry-journal.com%2Fdesign%2Flys-vintage%2F&media=http://dev.the-henry-journal.com/wp-content/uploads/2013/06/hamburg_lys-vintage_laden2.jpg" rel="lightbox[auto_group1]"></a></div>
how can I get rid of “rel=”lightbox[auto_group1]”
I tried “.avia_image_by_id(get_post_thumbnail_id(), ‘large’, ‘url’).”
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');
I think I know whta the proble might be.
Problem only exists in Firefox. Chrome is OK
I was given a piece of code a while back to fix the problem with full width blog.
The core files restrict the width to only 600px, so i was given this:
#top .fullsize .template-blog .post .entry-content, #top .fullsize .template-blog .post .entry-content>* {max-width: 100%;}
Now, that archive full screen is buggered, showing thumbnails size 495×400 for when 3 in a row.
But if i use a sidebar, it works well. and it is only bad in firefox, chrome is fine.
The image gallery I have set up is taking a lot of time loading all of the thumbnails. Is there a way to disable this (fade) animation?