In Enfold>Blog Layout>Single Post options, I have selected ‘Single post with small preview image’. And in Enfold>Blog Layout>Related Entries I have show thumbnails and post titles by default selected.
However, the blog layout is too narrow in this format, and I would like to expand it. I can use the Advanced Layout Editor and it creates a much wider, cleaner looking post.
In addition, the image does not get shown in this wider format, despite not checking ‘ Don’t display image on single post’ on the featured image.
Also, the related posts no longer show up, and I can’t find a way of making that happen in the Advanced editor.
What I’d like, in an ideal world would be as follows:
1) Be able to make the single blog post as wide as when using the Advanced Editor, and
2) Keep the featured image displayed as with ‘Single post with small preview image’ selection
Is there a simple way I can do this (?CSS? and have a wider single blog post without using the advanced layout editor??
Thanks so much!
Hello,
I’m updated to all latest versions.
When I’m using the default WordPress gallery shortcode, no matter which (registered) thumbnail size I select (medium, large, square), it displays columns as if it was 80 pixels.
I tried to deactivate all plugins without success… When I deactivate Enfold and switch my site to the theme Twenty Fifteen, the thumbnails / columns are back to the correct size.
I am using a child theme with some customizations but nothing to my knowledge could interfere with this…
Any idea ?
Alex
Hi
I am struggeling to find a nice instagram widget and most of them are not working on my enfold,
I have found one now that almost works, it requires curl and I have confirmed it is enabled on my server, they also say allow_url_fopen is optional
The thing not working is the lightbox where I see the overlay lightbox navigation but no image, The 2 first images are thumbnails for videos and if I press in the middle of the scren in lightbox mode I hear the video but I cant see it. Perhaps it is some kind of z-index problem but I cant find it yet when trying to check th css in the page.
any advide would be really helpful!
Hi!
Please remove the modifications above then look for this code:
if(empty($this->atts['thumbnails']))
{
$image = "";
$extraClass = "av-magazine-no-thumb";
}
Below, add this code:
$excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( 'avf_magazine_excerpt_length' , 60) , apply_filters( 'avf_magazine_excerpt_delimiter' , " "), "…", true, '');
If you want to increase the excerpt length, use this in the functions.php file:
add_filter('avf_magazine_excerpt_length','avf_magazine_excerpt_new_lenght', 10, 1);
function avf_magazine_excerpt_new_lenght($excerpt) {
$excerpt = 200;
return $excerpt;
}
The br and p tags are remove because of the wpautop function which is a default feature of WordPress. https://codex.wordpress.org/Function_Reference/wpautop
Best regards,
Ismael
Hey!
Please add following code to Quick CSS
.news-thumb img, .news-thumb img {
width: 100%;
height: 100%;
}
Thumbnail sizes have changed already – http://i.imgur.com/W6Z14ZF.png
Cheers!
Yigit
Hello Ismael,
You can see in bold what i add and modify (in magazine.php).
regards
$markupEntry = avia_markup_helper(array('context' => 'entry','echo'=>false, 'id'=>$entry->ID, 'custom_markup'=>$this->atts['custom_markup']));
$markupTitle = avia_markup_helper(array('context' => 'entry_title','echo'=>false, 'id'=>$entry->ID, 'custom_markup'=>$this->atts['custom_markup']));
$markupContent = avia_markup_helper(array('context' => 'entry_content','echo'=>false, 'id'=>$entry->ID, 'custom_markup'=>$this->atts['custom_markup']));
$markupTime = avia_markup_helper(array('context' => 'entry_time','echo'=>false, 'id'=>$entry->ID, 'custom_markup'=>$this->atts['custom_markup']));
$format = get_post_format($entry->ID) ? get_post_format($entry->ID) : 'standard';
$type = get_post_type($entry->ID);
$icontype = $type == 'post' ? $format : $type;
$icon = "<a href='{$link}' {$titleAttr} class='iconfont av-magazine-entry-icon' ".av_icon_string($icontype)."></a>";
$extraClass = "";
<strong>$test=get_post($entry->ID);
$test = preg_split( '/<!--more(.*?)?-->/', $test->post_content );</strong>
if($style == 'small')
{
if(empty($this->atts['thumbnails']))
{
$image = "";
$extraClass = "av-magazine-no-thumb";
}
}
else
{
$excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( 'avf_magazine_excerpt_length' , 60) , apply_filters( 'avf_magazine_excerpt_delimiter' , " "), "…", true, '');
}
$output .= "<article class='hentry av-magazine-entry av-magazine-entry-id-".$entry->ID." av-magazine-format-{$format} av-magazine-type-{$type} av-magazine-entry-".$entry->loop." av-magazine-entry-".$style." {$extraClass}' {$markupEntry}>";
if($this->atts['thumbnails'] || ($style == 'big' && $image))
{
$output .="<div class='av-magazine-thumbnail'>";
if($image) $output .="<a href='{$link}' {$titleAttr} class='av-magazine-thumbnail-link '>{$image}</a>";
if(!$image) $output .= $icon;
$output .="</div>";
}
$output .= "<div class='av-magazine-content-wrap'>";
$output .= "<header class='entry-content-header'>";
$output .= "<time class='av-magazine-time updated' {$markupTime}>".$time."</time>";
$output .= $separator.$author_output;
$output .= "<{$titleTag} class='av-magazine-title entry-title' {$markupTitle}>{$title}</{$titleTag}>";
$output .= "</header>";
if($excerpt)$output .= "<div class='av-magazine-content entry-content' {$markupContent}>{<strong>$test[0]</strong>}</div>";
$output .= "</div>";
$output .= "<footer class='entry-footer'></footer>";
$output .= "</article>";
return $output;
I placed the code in my child theme functions.php and it worked. I also changed ‘single-big’ to ‘blog-grid’ to make a grid layout of the page. However, it still shows the date and how many comments the post has. Is it possible to only show the thumbnail and title of the post?
Hi!
Use this plugin to adjust the dimension of the “entry_with_sidebar” thumbnail. https://wordpress.org/plugins/simple-image-sizes/
Install the plugin then go to the Settings > Media panel. Look for the thumbnail, adjust the size then regenerate the images.
Regards,
Ismael
Dear Support,
After searching your forum for day, I saw and used the fix recommended by your colleague, Ismael, in the thread:
https://kriesi.at/support/topic/single-product-page-is-strange-sidebar-appears-under-product/#post-451940
It is much better now, the sidebar is now on the Right and it is longer no below the product picture.
In Ismael fix, in sidebars.php, I did not see these lines that checks what page is currently being viewed and then serve the sidebar (“Single Product Pages”) accordingly:
function avia_close_summary_div() {
echo “</div>”; //close out the summary
get_sidebar();
}
Since I did not see the above lines in sidebar.php, I could not use the lines below to replace the above lines:
function avia_close_summary_div() {
global $avia_config;
echo “</div>”; //close out the summary
$avia_config[‘currently_viewing’] = “shop_single”;
get_sidebar();
}
So my problems now are:
1. What should be done to ensure that the “Single Product Pages” sidebar is served accordingly and automatically when viewing the product details page of a single product?
2. I would like the TABS (for description, additional information and reviews) to span the content width (of 68%) and to appear just below the thumbnails of the product picture.
Please, kindly assist.
Regards,
Emin
Hi sjoisw!
Once you are using the below settings and a “Gallery Big Preview Image Size” of your choice, you’ll be using the current limit for the thumbnail/preview image:
http://i.imgur.com/0Iw7Sy9.png
http://i.imgur.com/pLQRl9m.png
Further customization will be needed to implement a full screen lightbox, increase the thumbnail column limit and reduce the thumbnail size. You can enlist the help of a freelancer to implement these features.
But if you’d like the lightbox to use the full size of the image itself, you can follow the instructions in this thread: https://kriesi.at/support/topic/enfold-lightbox-in-fullscreen/
Lastly
Regards,
Dake
Hi,
Is there a way to change the settings for the archive category? I’ve linked posts to a certain category, and the posts are in that category are showed in a list, without a thumbnail, but I want them to show in a grid layout, with a thumbnail and ‘read more’-link.
(The posts on my blog are showed in a grid layout, with a read more link. I want the archive category exactly the same)
Hey!
Thumbnails are going to be created for each section so you shouldn’t have to worry about it. Generally a large image around 1280 x 768 or so will work great for all areas. If your trying to change the size of one area then take a screenshot and highlight your intentions and we’ll take a look.
Best regards,
Elliott

source: http://www.emilylondonportraits.com/#
I can make gallery’s with thumbnails, but they are not full screen and I can only do a limited amount of thumbnails in a row. What am I missing?
Thank you for your help!
-
This topic was modified 10 years, 9 months ago by
sjoisw.
Thanks for the response.
Not too big, gives already problems at around 800×800 and above. I’ve optimized all pictures in Photoshop with “Save for Web”. I tried to make all pictures less than 1000kB, but I still get the error.
It’s not occuring every time though, and with some luck I can get a picture through. And sometimes the image gets uploaded, but I don’t get a thumbnail.
I’ve given you a temporary admin login in the private content section.
-
This reply was modified 10 years, 9 months ago by
Bossietj.
Hi Yigit.
did what you said, still not working so I must have missed a step somewhere.
Goal – Am trying to make the news posts thumbnails (featured images) bigger in the footer as they are too small for visitors to be able to see what the images are.
I have followed the following steps as instructed:
Added this css to my child theme
.news-thumb {
height: 63px;
width: 63px;
}
Added plugin https://wordpress.org/plugins/simple-image-sizes/
In its settings I changed “widget size” to 63 x 63
Added this php to my child themes functionss.php file
add_filter( ‘avf_modify_thumb_size’, ‘enfold_customization_modify_thumb_size’, 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size[‘widget’] = array(‘width’=>63, ‘height’=>63 );
return $size;
}
Added another plugin
https://wordpress.org/plugins/regenerate-thumbnails/
Went to the Media page, changed display to list, selected the first featured image for the most recent Blog Post.
Image is called Horizons-Kids-Summer-Camp-Dublin-2015
There are now two “Regenerate Thumbnails” options appearing, I clicked on the first one and did that, no change, I clicked on the second one, did that, no change.
Have I made some error? Are both plugins trying to do the same job?
Admin login in private content.
Hey!
Where do you see this option?
“Product Hover
Hover effect on Overview Pages
Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?
”
I can’t find it anywhere in the Woocommerce settings. Take a screenshot please.
Cheers!
Elliott
-
This reply was modified 10 years, 9 months ago by
Elliott.
Hi!
Please add following code to Functions.php file of your child theme
add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size['widget'] = array('width'=>63, 'height'=>63 );
return $size;
}
and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Yigit
Best Kreisa,
In my website I would like to place the excerpt in the magazine shortcode. I have the magzine set up as:
show thumbnails, Show header, first article bigger then the rest show beside other articles.
Thanks for an amazing theme!
Thumbnails are ok, but as I open the portfolio item in AJAX/Gallery it crops the images. They open correctly if I click the image, but the Gallery thumbnails are cropped images. The only way to display the full image is to choose “image list”, but I want the gallery mode.
I have set thumbnail to no scaling.
Thanks for helping out!
Magnus
Hi!
Add this to your custom CSS.
.thumbnail_container:hover img { opacity: 0.5; }
Cheers!
Elliott
Hi Ismael, I followed the instructions in the link you provided.
Added the CSS to the child theme which made the thumbnail holder bigger.
I then added the Simple Image Sizes Plugin.
I changed the “widget size” to 63px but it did not change the image size in the image holder.
Website admin link in Private content.
Hi, I have managed to changed the size of my images on the WooCommerce front page product grid. By using
#top .products .product .inner_product .thumbnail_container img{
height: 120px !important;
width: auto !important;
}
Now I need to do the same with the product description under each image. How is this done?
Thank you.
Hi,
I have installed Woocommerce whilst adding products have noticed the following option for product image hover effects:
“Product Hover
Hover effect on Overview Pages
Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?”
The only options are, “Yes show first gallery image” or “no hover effect”.
I do not want to show another image on mouseover I simply want to keep the default hover which is used throughout the template on post images etc but for some reason this is not an option.
Please help as I want to keep the hover effects consistent throughout the site.
Thanks
Hi!
Enfold is retina ready in a way that you can set custom thumbnails in a specific element. For example, if you use the portfolio grid element, you can select a custom thumbnail. To make the portfolio grid images retina ready, just select thumbnails that is twice the size of the actual container. You can do this method in most of the elements with images.
And to answer the question above, no, the theme cannot serve different image on retina devices.
Regards,
Ismael
Hello!
Strange question. I’m wanting to display a featured image on a post, however the image is showing up before the post title. This is a problem because the image is especially long. A very important note is that this is generally how I want things displayed as default, however for this single post I want to swap the post with the title. Can I do that?
If not, is there a way to manually choose a thumbnail when using the following setting in ‘blog posts’?:
“Single Author, small preview pic (no author image is displayed, feature image is small)”
In other words, I would be happy to not choose a featured image for a particular post, yet still somehow have a square thumbnail displayed if I choose to display blog posts with the “single author, small preview pic” setting.
Thanks!
Dannie
Thank you very much for our help and support.
I’ve followed your advice and after using the debug unfortunately the problem persist.
I’ve also tried to change the image in questions, but as I’ve explained the Enfold share system doesn’t give any kind of option to change the selected image. However I did try to use another page with another picture but once again the problem has persisted.
Her are the two links I use to for the test:
http://kriesi.at/themes/enfold/2014/04/28/new-electric-cars-are-getting-really-fast/
In this case, display the wrong image. Although, on the Facebook post preview it shows the car dashboard and full-size thumbnail, after it’s posted it shows a small thumbnail of the girl with the yellow diving goggles…???
http://kriesi.at/themes/enfold/2014/04/28/cryptocurrencies-are-booming/
In this second test, again, on the Facebook post preview it shows the the partial gavel and full-size thumbnail, after it’s posted actually it shows a small thumbnail of the the car dashboard form the above link…???
In both cases, there is not option to select another image, probably it is correct because there is only one image post.
Could you tell me please if this is a Enfold bug? Please any idea why this happen?
As always, thank you very much for your king and quick support!!!
All good things,
Dannie
Thanks so much, Elliott, but I did as you said and the thumbnail images are now all different sizes and the images are still cropped when you click on them and try to open the full image up. Heres the link: http://www.sofiaspadafora.com/?page_id=29
Thanks again for your help.
The “Single Portfolio: Big Slider” (top, right on that page) does exactly what I want. It has thumbnails and hover works on a desktop, but the slideshow arrows work when you click on a thumbnail; it goes through the photos. Mine just keeps showing the same photo. I must have something set up wrong. If I select slideshow instead of gallery, I don’t get the thumbnails.
I’m not sure why you can’t see the photos; they look fine on my end. I’ve provided individual links instead.
Click on this link: http://henricoschools.us/photo-galleries/
Click on the first portfolio element – Freeman
You’re saying that you see arrows on either side of the large photo on this page? I don’t see them on any device. There are arrows in the top right side above the photo title/caption, but those navigate between portfolio items not photos within a portfolio item.
I want to be able to navigate with arrows in addition to (or rather than) hovering over the thumbnails. If you click on the thumbnail on a mobile device, it opens the one photo and the navigation arrows don’t do anything. You have to close that photo and click on the next thumbnail. Not an ideal situation.
I’m not sure how else to explain what I’m trying to do.
Hi!
Try with this:
.av-magazine-hero .av-magazine-thumbnail, .av-magazine-thumbnail{
border: 0;
padding: 0;
border-radius: 6px;
overflow: hidden;
}
Cheers!
Josue