Hi DavyE,
Try using this plugin to regenerate your thumbnails: http://wordpress.org/extend/plugins/regenerate-thumbnails/
If the size was changed then the new size would only be reflected on new images so they would all need to be regenerated.
Regards,
Devin
I was just adding portfolio items when I noticed an unlogical difference of the AJAX preview image. Each featured image for the portfolio items are set to the exact same size (there is not mistake possible as I use the same psd to export them from). Yet, when I click on a portfolio item to open the AJAX page, some thumbnails are smaller, some are bigger.
When I saw the first one way smaller than the rest, I went into WP Media Library to the image size settings. I changed nothing but just clicked “Update” and the AJAX preview suddenly seemed ok.
Unfortunately, not all thumbnails are ok after I do this trick, most still stay above or below their actual dimensions. And either way, it’s important that I don’t have to do this trick, because there will be hundreds of items…
ENFOLD
I would like to hide the “Add to Cart” button on product thumbnails… unless the user is logged in but still keep the “Show Details” button…
How can I do this?
MLL
1) You can reduce the sidebar margin with following css code:
.inner_sidebar {
margin-left: 50px;
}
Decrease the margin-left value. It’s not easily possible to change the outer margins or the margin between content area and sidebar because this will break the existing layouts and would require some major adjustments to the css grid.
2) Open up wp-contentthemesenfoldincludesloop-index.php and search for
$link = avia_image_by_id(get_post_thumbnail_id(), 'large', 'url');
You can replace “large” with any other thumbnail size (small, medium, portfolio, portfolio_small, entry_with_sidebar).
Did you set this image as post thumbnail (featured image)? If you want to get rid of the post thumbnail on pages open up wp-contentthemesenfoldincludesloop-page.php and replace
if($thumb) echo "<div class='page-thumb'>{$thumb}</div>";
with
//if($thumb) echo "<div class='page-thumb'>{$thumb}</div>";
Hi,
Ok, update. I did Dude’s code and the shop overview page product thumbnails hover starts working even if the “No hover effect” is selected.
FYI, the hover effect will only work if there is an image added on the Product Gallery section.
Regards,
Ismael
Hi,
You don’t like that? It looks like the letter E for a split second till the brain starts screaming that it’s an imposter. ;)
http://www.clipular.com/c?8916059=aDTSjCmzXJesBnenPQiYtT69ZaI&f=.png ;)
That effect is not the theme (since the code producing it can’t be found in the theme); so It’s likely one of your plugins, I think Jetpack would be the likely suspect.
You can get rid of it by using this css:
.gallery br {
clear: none !important;
}
Just add it to /css/custom.css OR to Quick CSS.
Thanks,
Nick
Hi,
Do you want to enable the hover effect by default?
Open config-woocommerce > admin-options.php, find this code
$el[] = array("slug" => "avia_product_hover",
"name" => "Hover effect on <strong>Overview Pages</strong>",
"desc" => "Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?",
"id" => "_product_hover",
"type" => "select",
"std" => "",
"class" => "avia-style",
"subtype" => array("Yes - show first gallery image on hover" => 'hover_active', "No hover effect" => ''));
Replace it with
$el[] = array("slug" => "avia_product_hover",
"name" => "Hover effect on <strong>Overview Pages</strong>",
"desc" => "Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?",
"id" => "_product_hover",
"type" => "select",
"std" => "hover_active",
"class" => "avia-style",
"subtype" => array("Yes - show first gallery image on hover" => 'hover_active', "No hover effect" => ''));
Regards,
Ismael
Hi,
Use the img tag instead then link it on the youtube video.
<a href="YOUTUBE VIDEO URL"><img src="IMAGE URL"></a>
Regards,
Ismael
Hi,
I visit the link: http://www.thechristiandollar.com/charting-life/
It is not on Grid Format, so we can rule out that this is not a Blog Grid Format issue.
Please attach a featured image using Set Featured Image. Also, try to regenerate the thumbnails.
http://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Ismael
Hi, I have a bit of an issue – a strange one, too, that seemed to pop up quite randomly, after working without a problem for a while now. I have a homepage slider on http://www.profoundcoaching.com.au/NEW/, with a Youtube clip that appears when clicked (autoplay is set to off.) Until this morning, however, this clip had a thumbnail as expected (the one generated by Youtube, which you can select after uploading the image; I did it myself, so I know that it was done correctly) — but then, after I edited something else entirely in the slide, the thumbnail has *disappeared*.
In its place is the ugly grey “default” thumbnail. When the image is clicked, the video plays normally, but that thumbnail is obviously quite ugly and uninviting – no one will bother to click on it and see the video, if there isn’t a visually pleasing image there to encourage them to.
Any help that anyone can offer would be *greatly* appreciated! Everything else on this site is ready to go, and we were *just* about to go live before this issue popped up.
Kind regards,
— Nathan
Page:
http://intuition-designs.com/KEN/gallery/
When minimizing the window, the thumbnails collapse in a strange order where there is space to the right every 2 rows or so.
urgent
I load images again in the layer slider
it is show in the front end and its preview is available,but on the home page thumbnails only viewed ,I attach image to show front end,
http://hpssign.com/en/wp-content/uploads/2013/07/layer-slider-screen-error.jpg
and this is the new url
http://hpssign.com/en/
so please take a look and tell me your opinion
thank for your time
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?