Sorry forgot to mention my url which is http://www.howdoidate.com
Hi,
When I specify a size of 198×129 in my 3 column grid layout on my static frontpage it doesn’t work. Instead all thumbnails revert to 258×220 which is the automatic size.
Any idea how I can fix this?
Thanks
Derek
Issue fixed with
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 6% !important;
}
You may close the thread now :) Thank you! For anyone facing this problem you could do a fix with this resolution and changing the size of the thumbnails with width % !
This reply has been marked as private.
Hi there!
Please do refer to this link
http://www.ptyfolio.com/portfolio-item/alex-residences/
Problem: If I do not scroll down, the thumbnail will be almost transparent.
Once I scroll down, the thumbnail will have a solid colour.
How do I not scroll down yet achieve a solid color for the image thumbnails?
Password will be given in the next reply!
Cheers!
Hi jlovebomb!
Thank you for using the theme!
Please edit functions.php, find this code on line 102:
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>270); // big images for blog and page entries
Adjust the width and height then set the crop parameter to false. Something like this:
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>400, 'crop'=>false); // big images for blog and page entries
Regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Ismael
This has been so confusing that I have made a quick video (with audio) to better explain our issues we are facing with the Enfold theme and WooCommerce settings:
Video: http://www.screenr.com/4cdN
In the video I talk about 400×900 on the product image (landing page) but visually you see I tried a dimension that I pulled from Inspect Element and tried a smaller size (448×572) based on that. But it still clips off.
We already adjusted the settings in WooCommerce thumbnails settings, regenerated images, etc.
Please please escalate this and address urgently. Here is the home page: http://bit.ly/1bLZSXj
Regards,
Daniel
Hi Dude
Thanks for your help on this. Could I ask you to double check that please as it doesn’t seem to have made a difference?
I’m still getting the entry_without_sidebar class on that page.
I can see that I was close before with my own solution but that didn’t work either.
My solution was a bit more heavy handed but similar:
My solution was to change the line below from:
$current_post[‘slider’] = get_the_post_thumbnail($current_post[‘the_id’], $size);
to
$current_post[‘slider’] = get_the_post_thumbnail($current_post[‘the_id’], ‘entry_with_sidebar’);
this did work however it meant that the entry_with_sidebar image was being shown everywhere even in places where that wasn’t what was required such as where I was choosing to show blog posts with full size images within other pages.
I tried applying your solution both to my child theme and the core enfold theme and it didn’t seem to work – could you look again please?
Thanks
Joel
Hey!
The size of the thumbnails is set from the size of the thumbnails you set in Settings>Media>thumbnail size in WordPress as far as I know. You then control the size of the displayed thumb by how many columns you choose on that portfolio items ajax data.
I changed the column count to a higher number just now for that single item which shrunk the thumbnail and made it appear not blurry since its container is smaller.
If you change the thumb size that is generated by WordPress you will need to regenerate your thumbnails with this plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
If you want to make any feature requests for the theme you can do so here: https://kriesi.at/support/enfold-feature-requests/
Cheers!
Devin
Hello Yigit,
I didn’t mean by bigger image here. I request you to kindly read my 3rd point again, what i want to ask about is the thumbnail images.
Now the problem is that, the thumbnail images are blurry as compared to original images, even though i have uploaded bigger images.
To my surprise there is no such option also to set the Size, neither for “Gallery Big preview Image size” nor for “Gallery preview image sizes” or thumbnails.
Means, if thumbnail images could reproduce the same quality which is shown in bigger one – even if it is like the quality same as of 710×575 size. Here I am accepting the quality of bigger image which is shown with the size i have selected – 710×575, then why the smaller image (thumbnail) of the same is so blurry, i think it should be comparatively much better than that.
I request you to kindly check at your end again and provide me some solution or workaround.
Also, if it is possible please add an option for thumbnail images too so that we can select the size for those too at backend.
I request you to kindly pass over this suggestion to kriesi also.
Thanks
-
This reply was modified 11 years, 11 months ago by
Labhanshi.
Hey!
Thank you for using the theme!
Please edit includes > loop-search.php, find this code on line 33:
echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";
Replace it with:
$searchthumb = get_the_post_thumbnail( $the_id, 'large' );
echo "<span class='search-result-counter {$counterclass}'>{$searchthumb}</span>";
Add this on Quick CSS or custom.css:
.search-result-counter {
padding: 0;
}
.search-result-counter img {
width: 100%;
height: 100%;
border-radius: 100px;
}
This will add the featured image on the search counter. You can change the style using the selectors above.
Cheers!
Ismael
Hey!
Open up wp-content/themes/enfold/includes/loop-index.php and replace:
$size = strpos($blog_style, 'big') ? strpos(avia_layout_class( 'main' , false), 'sidebar') ? 'entry_with_sidebar' : 'entry_without_sidebar' : 'square';
with
$size = strpos($blog_style, 'big') ? strpos(avia_layout_class( 'main' , false), 'sidebar') ? 'entry_with_sidebar' : 'entry_without_sidebar' : 'square';
if(is_single() && strpos(avia_layout_class( 'main' , false), 'sidebar')) $size = 'entry_with_sidebar';
This modification should make sure that the “entry_with_sidebar” thumbnail size is used on the single post page.
Best regards,
Peter
Hi!
Thank you for using the support forum!
Edit the code on functions.php:
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>270); // big images for blog and page entries
Replace it with:
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>400, 'crop' => false); // big images for blog and page entries
Regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Let us know if it works. If not, please give us a link to the actual portfolio item where you test it.
Best regards,
Ismael
I just updated the Enfold theme to the latest version. Before the update the feature image seemed to be used as the thumbnail image. I would place the top main image in a post manually through the post. After the update, the feature image now shows in the article, so I have duplicate images showing.
How can I turn off the feature image from showing in the article post. Or. How do I create a separate image for the thumbnail?
http://creative.clemson.edu/clemsonworld/2013/11/clemsons-own-monster-garage/
David
Hi, I would like to create a video wall with the enfold theme BUT … I need to automate the process as much as possible.
I need to create a blog item (categorised so I can post different videos to different pages) i.e. have a video wall for Category1 and a video wall for Category2 (I will actually need about 66 of these pages, hence the automation).
However, when choosing the Fullwidth Masonry content element it shows the Video Icon. I want to show the youtube thumbnail.
Does anyone have any ideas of how to achieve this? I do not want to use the Video Media Element as this will mean putting on lots and lots of pages separately. I want to create the video post and have it “feed” multiple pages.
Thanks,
H
Hi! How do i disable image title showing when mouse is hovering over a images/thumbnail. I want to disable this on all images and pages.
Hello Peter
thanks for your reply.
This is the same code you posted in another thread, but unfortunately it does not work either on iPhone or Sony Mobile devices.
We would need a solution where the thumbnails stick on the bottom of the slider no matter how the browser has been resized.
It’s kinda useless as it is by now, because the thumbs will overlay the slider and if links have been set, it’s a mess to click on them.
Is there not a solution for that ? I’d say it’s rather a bug than intended to work as that !?
Thanks so much for your support Peter
Regards
Daniel
Hey eswyt!
Place this code into the child theme functions.php file:
/**
* AVIA NEWSBOX
*
* Widget that creates a list of latest news entries
*
* @package AviaFramework
* @todo replace the widget system with a dynamic one, based on config files for easier widget creation
*/
if (!class_exists('avia_newsbox'))
{
class avia_newsbox extends WP_Widget {
var $avia_term = '';
var $avia_post_type = '';
var $avia_new_query = '';
function avia_newsbox()
{
$widget_ops = array('classname' => 'newsbox', 'description' => 'A Sidebar widget to display latest post entries in your sidebar' );
$this->WP_Widget( 'newsbox', THEMENAME.' Latest News', $widget_ops );
}
function widget($args, $instance)
{
global $avia_config;
extract($args, EXTR_SKIP);
echo $before_widget;
$title = empty($instance['title']) ? '' : apply_filters('widget_title', $instance['title']);
$count = empty($instance['count']) ? '' : $instance['count'];
$cat = empty($instance['cat']) ? '' : $instance['cat'];
$excerpt = empty($instance['excerpt']) ? '' : $instance['excerpt'];
$image_size = isset($avia_config['widget_image_size']) ? $avia_config['widget_image_size'] : 'widget';
if ( !empty( $title ) ) { echo $before_title . $title . $after_title; };
if(empty($this->avia_term))
{
$additional_loop = new WP_Query("cat=".$cat."&posts_per_page=".$count);
}
else
{
$catarray = explode(',', $cat);
if(empty($catarray[0]))
{
$new_query = array("posts_per_page"=>$count,"post_type"=>$this->avia_post_type);
}
else
{
if($this->avia_new_query)
{
$new_query = $this->avia_new_query;
}
else
{
$new_query = array( "posts_per_page"=>$count, 'tax_query' => array(
array( 'taxonomy' => $this->avia_term,
'field' => 'id',
'terms' => explode(',', $cat),
'operator' => 'IN')
)
);
}
}
$additional_loop = new WP_Query($new_query);
}
if($additional_loop->have_posts()) :
echo '<ul class="news-wrap image_size_'.$image_size.'">';
while ($additional_loop->have_posts()) : $additional_loop->the_post();
$format = "";
if(empty($this->avia_post_type)) $format = $this->avia_post_type;
if(empty($format)) $format = get_post_format();
if(empty($format)) $format = 'standard';
echo '<li class="news-content post-format-'.$format.'">';
//check for preview images:
$image = "";
if(!current_theme_supports('force-post-thumbnails-in-widget'))
{
$slides = avia_post_meta(get_the_ID(), 'slideshow', true);
if( $slides != "" && !empty( $slides[0]['slideshow_image'] ) )
{
$image = avia_image_by_id($slides[0]['slideshow_image'], $image_size, 'image');
}
}
if(current_theme_supports( 'post-thumbnails' ) && !$image )
{
$image = get_the_post_thumbnail( get_the_ID(), $image_size );
}
$time_format = apply_filters( 'avia_widget_time', get_option('date_format')." - ".get_option('time_format'), 'avia_newsbox' );
echo "<a class='news-link' title='".get_the_title()."' href='".get_permalink()."'>";
$nothumb = (!$image) ? 'no-news-thumb' : '';
echo "<span class='news-thumb $nothumb'>";
echo $image;
echo "</span>";
if(empty($avia_config['widget_image_size']) || 'display title and excerpt' != $excerpt)
{
echo "<strong class='news-headline'>".get_the_title();
if($time_format)
{
echo "<span class='news-time'>".get_the_time($time_format)."</span>";
}
echo "</strong>";
}
echo "</a>";
if('display title and excerpt' == $excerpt)
{
echo "<div class='news-excerpt'>";
if(!empty($avia_config['widget_image_size']))
{
echo "<a class='news-link-inner' title='".get_the_title()."' href='".get_permalink()."'>";
echo "<strong class='news-headline'>".get_the_title()."</strong>";
echo "</a>";
if($time_format)
{
echo "<span class='news-time'>".get_the_time($time_format)."</span>";
}
}
the_excerpt();
echo '<div class="read-more-link"><a href="'.get_permalink().'" class="more-link">'.__('Read more','avia_framework').'<span class="more-link-arrow"> →</span></a></div>';
echo "</div>";
}
echo '</li>';
endwhile;
echo "</ul>";
wp_reset_postdata();
endif;
echo $after_widget;
}
function update($new_instance, $old_instance)
{
$instance = $old_instance;
$instance['title'] = strip_tags($new_instance['title']);
$instance['count'] = strip_tags($new_instance['count']);
$instance['excerpt'] = strip_tags($new_instance['excerpt']);
$instance['cat'] = implode(',',$new_instance['cat']);
return $instance;
}
function form($instance)
{
$instance = wp_parse_args( (array) $instance, array( 'title' => '', 'count' => '', 'cat' => '', 'excerpt'=>'' ) );
$title = strip_tags($instance['title']);
$count = strip_tags($instance['count']);
$excerpt = strip_tags($instance['excerpt']);
$elementCat = array("name" => "Which categories should be used for the portfolio?",
"desc" => "You can select multiple categories here",
"id" => $this->get_field_name('cat')."[]",
"type" => "select",
"std" => strip_tags($instance['cat']),
"class" => "",
"multiple"=>6,
"subtype" => "cat");
//check if a different taxonomy than the default is set
if(!empty($this->avia_term))
{
$elementCat['taxonomy'] = $this->avia_term;
}
$html = new avia_htmlhelper();
?>
<p><label for="<?php echo $this->get_field_id('title'); ?>">Title:
<input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo esc_attr($title); ?>" /></label></p>
<p>
<label for="<?php echo $this->get_field_id('count'); ?>">How many entries do you want to display: </label>
<select class="widefat" id="<?php echo $this->get_field_id('count'); ?>" name="<?php echo $this->get_field_name('count'); ?>">
<?php
$list = "";
for ($i = 1; $i <= 20; $i++ )
{
$selected = "";
if($count == $i) $selected = 'selected="selected"';
$list .= "<option $selected value='$i'>$i</option>";
}
$list .= "</select>";
echo $list;
?>
</p>
<p><label for="<?php echo $this->get_field_id('cat'); ?>">Choose the categories you want to display (multiple selection possible):
<?php echo $html->select($elementCat); ?>
</label></p>
<p>
<label for="<?php echo $this->get_field_id('excerpt'); ?>">Display title only or title & excerpt</label>
<select class="widefat" id="<?php echo $this->get_field_id('excerpt'); ?>" name="<?php echo $this->get_field_name('excerpt'); ?>">
<?php
$list = "";
$answers = array('show title only','display title and excerpt');
foreach ($answers as $answer)
{
$selected = "";
if($answer == $excerpt) $selected = 'selected="selected"';
$list .= "<option $selected value='$answer'>$answer</option>";
}
$list .= "</select>";
echo $list;
?>
</p>
<?php
}
}
}
Cheers!
Peter
Hi SonicCube!
You can use a media query to change the position on smaller screens – i.e. insert:
@media only screen and (max-width: 767px){
.ls-thumbnail-wrapper{ margin-top: 55px; }
}
into the quick css field to push the thumbnails 55px down on devices with a resolution of max. 767px.
Cheers!
Peter
Hi yavors!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.avia-testimonial-image { width: 200px; height: 200px; }
Then go to Settings > Media > Thumbnail Sizes and set them to 200x200px and then regenerate thumbnails using this plugin http://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
Yigit
This reply has been marked as private.
Solved thank you, you may close the thread for this issue :)
Worked Perfectly…again. What you saw was a font that is very close to what I’m using, but now I’ve got the specific font and weight set, so thanks again.
http://www.ericrusselldp.com/wordpress/fonts/
As others have said, this theme is great…best one I’ve ever worked with and I appreciate your responsiveness. I’m trying to only ask questions that I can’t find, but is it possible to customize the buttons? I’m looking to replicate the buttons on another site of mine: http://ericrussellcommercialarts.com/sitedev/index.html
Specifically the READ MORE button just below the thumbnails. I’ve already installed the typeface, now I’m just wondering if I can quickly modify the look with some quick css.
Thanks, I think this should be my last question. :)
-
This reply was modified 11 years, 11 months ago by
erussell.
Hey Kayzel!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 10%;
}
Regards,
Yigit
Hello Devin,
Thanks for quick response. I have gone through that documentation.
The only thing that i was missing was “Featured image” which i haven’t Set that time. I added it now and it is showing the image now :)
So 1, and 2 are resolved now, thanks.
But, my problem stated in 3rd point still remains as it is. The image thumbnails are still blurry and there is no such explanation in the documentation and no such option while adding those to set the sizes of images.
Kindly do the needful
Thanks
Hi Josue!
It’s not the grid thumbnails I’m having issue with, but the ajax portfolio once you open it. Is there a way to have the images scale down to fit the preview window instead of cropping to a square ?
Hello Support team,
1. I started using Portfolio page and its item. I Created portfolio page from scratch using Portfolio Grid Content element to show entries as Ajax.
But on my portfolio page, it is NOT showing image preview.
Rest default demo entries are showing preview, but not mine :(
2. On single portfolio entry / item also it is not showing the preview thumb at bottom, where i use Portfolio Grid content element.
http://www.labhanshicreations.com/portfolio-item/sanjay-store/
3. Under Ajax Portfolio Preview settings (while editing Single portfolio item / entry), I added two images, set them as Gallery with 4 thumbnail columns. Now the problem is that, the thumbnail images are blurry as compared to original images, even though i have uploaded bigger images.
To my surprise there is no such option also to set the Size, neither for “Gallery Big preview Image size” nor for “Gallery preview image sizes” or thumbnails.
You can preview the page here – http://www.labhanshicreations.com/portfolio/
For Admin details i will add another post here
Thanks
Glad a replacement is working for you. I know prettyPhoto isn’t ideal for many users at this point but Kriesi hasn’t found a replacement that is suitable for his themes yet.
Hi!
First use this plugin to regenerate all thumbnails on your installation: http://wordpress.org/extend/plugins/regenerate-thumbnails/
Then take a look at the images on posts/pages/content. If any images were previously on your installation they wouldn’t have the correct dimensions available for the theme output.
For the format changes on blog posts the options available are what is available. If you want a custom combination of two or to customize the layout further you would need to hire a freelance developer to create the new code for you as the theme doesn’t offer a fully custom option for the blog layouts.
Regards,
Devin
Hi Kayzel!
1) I’m not quite sure what you mean. Do you have an example or can you explain a bit more on exactly what you are looking for?
2) There isn’t currently a way to do that unfortunately.
Cheers!
Devin