Hi Teri!
1. Enfold should only take up around 30MB. If your using a lot of pictures then it’s possible that could take up 1GB depending on how much you have and their sizes. Are you using any video? Video takes up a large amount of space.
2. You can reduce the thumbnail sizes in the functions.php file starting around line 100 and then run this plugin to regenerate them, http://wordpress.org/extend/plugins/regenerate-thumbnails/.
3. Your using the color sections correct? When you edit the color sections there is an option for changing the border styling. By default the top border will have a single line.
Best regards,
Elliott
Hey Rikard,
Thanks for coming back to me!
I’d like to add a border and/or a light drop shadow to the publication thumbnails on this page only to lift them off the white page. But, I don’t want to add borders to the logos on the right hand side of the page!
(Some of the thumbnails have borders but these are from the screengrabs which are inconsistent.}
http://palnetwork.org/research/
Is this possible!?
Thanks very much.
Christian Jaroljmek
I’m having the same issue. Images seem to upload, then I get error and blank “thumbnail”. Folders are full of partial/fragmented uploads. Weirdly, black and white images of any size seem to OCCASIONALLY upload, but color will not at any size. I have tried resizing, multiple browsers, etc, etc, etc. As a photographer it would be great to maintain quality but even reducing the files massively does not help. In a bit of a bind as I have to send out a portfolio link tonight.
hi,
I was curios if there can be some space/padding added between portfolio thumbnails so they match the corresponding galleries.
View post on imgur.com
Hey Snerp!
Please go to Appearance > Editor and open Functions.php file and find
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 );
and increase their sizes and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Yigit
Hey!
Try opening up /enfold/js/avia.js and change line 898 from this.
exclude : '.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',
To this.
exclude : '.single-product td a, .noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',
If that does not work then try editing the tab elements in the product and add a class of “noLightbox” to each of the links surrounding your images.
<a class = "noLightbox" href="/wp-content/uploads/2015/04/Night-Sky.jpg" target="_blank"><img class="aligncenter wp-image-7074 size-thumbnail" src="/wp-content/uploads/2015/04/Night-Sky.jpg" alt="Night Sky" width="150" height="150" /></a>
Regards,
Elliott
Hey!
in your first post you said it’s displaying fine on mobile (as thumbnail size) and now it doesn’t display on mobile at all? what happened? which changes did your make? Please upgrade to Enfold v3.2.2.
Please provide us admin access, so we can take a closer look into the issue. Post login details here as private reply.
Regards,
Andy
Hello, I am putting together a membership site and I wanted to use the image thumbnail lightbox feature for my videos. I noticed that the standard YouTube URL works great but I can’t seem to get my self-hosted video to work with this feature. So I’m assuming it’s not support. Any plans of supporting it out of the box? Is there any other solutions I can use other than YouTube for membership videos in lightbox mode?
I don’t mind using YouTube at all! I really like it. But, the YouTube logo is on every video and the title and my watermark are clickable. This is bad because I do not want my members going to YouTube when they are learning my training. Any advice and/or alternative solutions would be appreciated.
Best!
Hi Enfold Team,
I am trying to crop my images so they show up nicely in the post slider. I go to my media and edit the thumbnail and then i installed AJAX Thumbnail Rebuild to rebuild them but it doesn’t seem to be working. Am I missing something?
Thanks,
Mary
Hi, how can I increase the size of the Thumbnails that show up when I use the Latest Post Entry Widget. They are currently around 35px square but are too small on screen to see what the image is.
Hi kelsangchodor!
how did you implement the video? did you use a link like this?
<a href="http://vimeo.com/8245346" rel="prettyPhoto"><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>
Please add a class to it:
<a href="http://vimeo.com/8245346" rel="prettyPhoto" class="vimeo-mobile"><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>
Then you can call this class via CSS for mobile:
@media only screen and (max-device-width: 736px) {
.vimeo-mobile {
width: 150px;
}}
Hope this helps.
Cheers!
Andy
OK… Here it goes… I am being hosted with Media Temple VPS. Apache server and optimized by them (still not very happy). I also use Ewwww plugin to reduce image size and I manually lower the weight of most images before uploading.
To setup W3TC I used this guide:
http://code.tutsplus.com/series/configuring-w3-total-cache–cms-656
With the following changes:
Not using the Minify function because it was really slowing down the site as per Google Page Speed Insights.
For the Page Cache settings I did not check the compatibility mode (somehow that 20% slowdown freaks me out)
Somehow these settings do not seem to work. Google Page Insights still insists on leveraging browser caching (what??) and several other complaints. Like image size, etc. I have noticed that the related posts images are not displaying as they used to (square thumbnails) but a CSS resized version of the full sized image. Changing this would definitely help with image size.
As I said before, originally I had the minify settings just like it indicates on the TUTS guide and Google Page Speed Insights was still showing Eliminate render-blocking JavaScript and CSS in above-the-fold content but this time, the urls were /cache/ ones. Strange, huh? Also, the speed grade was even worse than without the minify, so I removed it.
Here’s the page insights of the site I am using for testing: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fbodasyweddings.com%2Fpeinados-con-trenzas-para-novias-paso-a-paso%2F&tab=desktop
Here’s my questions:
– Anybody has a good guide of the best settings to setup W3TC with Enfold?
– An idea on how to fix the thumbnails resizing?
– Should we use a different plugin for Minify?
– Any other suggestions are more than welcome!!!!
Let’s do this together and power up our sites!!
Warmly,
Havi
I’m using the WooCommerce plugin, but don’t require any e-commerce features. So I’m just using it to group/display products right now.
When I set-up a product grid there are two links/icons under each product thumbnail – “Read More” and “Show Details”. I don’t need both and would like to get rid of the “Read More” link/shopping cart icon, but can only hide everything. If someone could help me hide just the one link/icon, that would be great.
Hey Taryn!
It looks fine on my end. If you want to increase the thumbnail size you can do so on line 127 in the functions.php file.
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entries
You may need to regenerate the thumbnails afterwards, http://wordpress.org/extend/plugins/regenerate-thumbnails/.
Regards,
Elliott
Hi Yigit
My problem in this case is, that after changing the CSS to `.avia-testimonial-image, .avia-testimonial-image img {
width: 250px;
height: 250px;
}` the “visual size” is correct but in the background the image has stil the wrong dimentions -> resolution is then not appropriate…
I uploaded the image again in higher definition but when I add it to testimonials, it makes 180×180 thumbnails…
How can I change that?
<div class='avia-testimonial-image' itemprop="image" ><img width="180" height="180" src="/wp-content/uploads/doe1-180x180.jpg" class="attachment-square" alt="John Doe" /></div>
ThankU verymuch for helping! =)
Hi there,
I am having trouble with blog post images appearing blurry on my site. I have resized my images multiple times but I can’t figure out a way to fix it. It appears the large blog preview (with sidebar) is 845px x 321px but when I create an image to these specs it appears very pixelated. I then resized the image to many sizes even as large at 1200 x 767 but it still appears blurry. Can you please advise the best size to upload my blog images at? I also would like the blog preview images on the home page to be the same size for consistency – they are currently 258 x 165px. So this is why I tried 1200 x 767 (it seemed to previously work for both the thumbnail and blog post image well – but I’m not sure why it’s now blurry). I really need to know a size that will work for both without being blurry.
here is an example: http://www.thehealthtohappinessproject.com/body/the-number-1-thing
Thanks very much in advance,
Taryn
-
This topic was modified 10 years, 9 months ago by
tarynw.
Hi, I’m trying to figure out if there is a way to disable the thumbnail image rollover effect, and the opening of the thumbnail link target in the lightbox. I’m happy with this happening on 99% of my site, but on particular pages, I wish to disable this effect. Even better would to have control over this effect in every instance. IE on one tab (i’m using tabs on my pages) the effect would appear, and on another tab, it would be disabled.
Possible?
Hey Woutski,
You can actually force each text block to be inline with each thumbnail using position css.
For example you can wrap the text in the second and third text block in a div and their own classes. Once that’s done you can insert css similar to the below in your custom css found in your theme options.
position: relative;
right: 50px;
As for the width, that can be achieved by using width css as below:
width: 200px;
Best regards,
Dake
-
This reply was modified 10 years, 9 months ago by
Dake.
Hi there,
When I use prettyPhoto to display a video in enfold – on a desk top PC it displayed brilliantly.
On a mobile device – it is displayes the size of a thumbnail.
Do you have any idea why I can find some CSS to fix this problem. To make it the full width of the mobile screen?
The link is http://enfold.meditateinbrighton.com and when you click on “Bodhisattva KMC Video” at the top right. It’s a lightbox video.
Any help would be really appreciated. I’ve searched the web for solutions but haven’t managed to find one,
Best Wishes,
Chris.
The original issue was this:
I have added a GALLERY into a page, inside of a SINGLE LAYOUT choice.
I have chosen to view BIG IMAGE with THUMBNAILS below.
When I visit the page and click on ANY of the images, featured image at the top or a Thumbnail under the BIG IMAGE, the image opens with 2/2 images…which is simply a duplicate image of the image I have clicked on.
The only way to start the Gallery, like shown in the documentation http://kriesi.at/themes/enfold/shortcodes/gallery/ is to click OUT of that image before seeing the way it should be….a gallery, like….again….how you show it here: http://kriesi.at/themes/enfold/shortcodes/gallery/
Why are there duplicate images and why doesn’t the gallery act the same way as your demo content here: http://kriesi.at/themes/enfold/shortcodes/gallery/
Hey!
Please add the following class .av-magazine-content-wrap the same size you have added to your thumbnails.
Cheers!
Basilis
Elliott,
Here is the link : http://shopthegatewaywestloop.com/sales-events/
when the thumbnail increases in size the text and alignment go out of alignment:(
We are also experiencing issues with chrome. It works on macs but not pc.
Hey crevlon!
Please go to Appearance > Editor and open Functions.php file and find
$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 );
and change them as needed and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Yigit
Sorry for misunderstand, It’s not a bug. I did not remove the 3 unwanted images from gallery. I would like to use 10 images in gallery but show only seven thumbnails.
I will modify the related php file to list only seven thumbnails if you show me how :)
Or please help me how to modify the css to hide the second line (the last 3 images).
Thanks!
Elliott,
I ma afraid this has not work for the accordion slider. The image dimesnions remain the same even after running the “regenerate thumbnails” and I have discovered the image size magazine slection from the accordion slider dissapears. I have left login details and ftp if this helps.
Hi. Running WordPress 4.2.2 and Enfold 3.2.2. Refreshed everything and cleared cache, yet when I try to upload new media to the site, I get a thumbnail that is of a broken image. I’ve tried jpgs, pngs, big files, small files, through Chrome and Safari – nothing seems to work.
I’m sure there is a simple fix… I just can’t seem to figure it out. Help?
Thank you!
Hey!
Have you regenerated thumbnails using this plugin as i suggested in another topic – https://wordpress.org/plugins/regenerate-thumbnails/?
Regards,
Yigit
I am able to change the size of the thumbnail but then the text is not aligned to the image any more. Any suggestions?
Hi Guys,
I’m still in love of your amazing template but I’ve noticed an issue when I try to compose on a page more than 5 color sections with arrow effect selected. When I add the gallery shortcode after all my “color section with arrow effect”, it breaks the thumbnails and more specifically the rows (instead of 8 rows I’ve 1 row with big image).
You can have a look on my website in the private content part.
I’ve try to disable all plugins and it doesn’t change anything.
Thanks in advance if you have any solution to fix that. You rock guys!
Cheers,
Hey heavymetaller!
Please add following code to Functions.php file in Appearance > Editor
add_filter('avf_title_tag','avia_new_title');
function avia_new_title() {
if(is_front_page())
{
$title = get_bloginfo('name');
}
return $title;
}
You can find image sizes in Functions.php file
$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
$avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);
If you would like to change them, please do not forget to regenerate thumbnails using this plugin afterwards – https://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Yigit