Hi
Thanks for another great theme. I am having some trouble with the galleries.
1) When I check “Crop thumbnail to exact dimensions” in media settings the thumbnails are the ratio of the original image but they line up very awkwardly. http://www.nancyashmead.com/paintings/
I created this galley in another theme with the basic wordpress gallery and it looks good with images various ratios. http://www.judithpavlik.com/teens/ .
With Enfold the basic wordpress gallery has only one thumb size so I can’t use that either
2)
When I try to edit an existing gallery it shows that there are no images so rather than being able to add to a gallery I have to rebuild the whole gallery. This is a pain for my artist clients who are constantly adding new work to existing galleries.
3)
The load time is very slow. The images are semi-transparent for half a minute and then load to their full color versions.
Thanks very much
David
Hi,
You can see all image thumbnail size on functions.php
/*
* Register additional image thumbnail sizes
* Those thumbnails are generated on image upload!
*
* If the size of an array was changed after an image was uploaded you either need to re-upload the image
* or use the thumbnail regeneration plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
*/
$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']['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)
$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
//overwrite blog and fullwidth image on extra large layouts
if(avia_get_option('responsive_layout') == "responsive responsive_large")
{
$avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // images for portfolio entries (2,3 column)
$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
}
The one use for the portfolio featured image is this:
$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
Regards,
Ismael
1) You can try to center the logo with
.logo.bg-logo{
left: 50%;
margin-left: -100px;
}
and instead of -100px insert a custom negative value. You need to calculate it by dividing the image width by 2.
3) We use the standard wordpress oembed api: http://codex.wordpress.org/Embeds and afaik it does not support any additional parameters for the url. You can try to insert the iframe directly though.
4) Yes by default Enfold will always “stretch” the columns to fill out the entire width. The thumbnail size will only change the image inside the column and the thumbnail may look distorted if it’s too small. You can try following code css code:
#top div .avia-gallery img {
width: auto;
}
it will overwrite the default width:100% code and the thumbnail shouldn’t re-size if the column width is bigger than the thumbnail width.
I realise this may be more woocommerce related but I have a category page showing subcategory thumbnails as well as products and all I would really like to do it add a title below the sub cat thumbs and before the product listing starts. At the moment the products show directly under the thumbs and I’d like to separate them a little.
Heres an example: http://dev.timbonnettdesign.co.uk/product-category/activities/
Not sure if the theme overrides any of this so thought I’d start here first.
Many thanks
The only solution I can think of is to try a different thumbnail sizes (or maybe even define a new one with: http://wordpress.org/plugins/simple-image-sizes/ ) and to use small & cropped thumbnail images for portraits and landscape images. Then WP would crop the portrait images and the images would have the same dimensions like landscape images.
Hi Chad,
1) You can change the portfolio grid option for Link Handling to Open entry on a new page which will make it so that the portfolio item doesn’t open up on that page as a lightbox.
2) I’m not sure what you mean. The :hover effects are pretty hard coded into the theme so if you wanted to switch to an on/off state from a regular hover effect it would have to be done by a freelance developer as its quite a bit beyond what we can do via support.
Regards,
Devin
how do I switch the portfolio thumbnail action from “hover” to “click”?
(So it changes the big image on click, instead of on hover – while keeping the effect when you do hover on the thumbnail.)
so close to perfect, thank you!!
Hi Chris,
There isn’t really a “best size” since the theme will create re-sized thumbnail images for the various grids and columns. Starting with something like 900×600 will give you a large enough size that it will never get stretched to fit a too-large area as long as its in a column.
The demo for the ajax portfolio uses images that start at 988×642. See: http://kriesi.at/themes/enfold/files/2013/04/dash-iphone2.jpg . Which generates http://kriesi.at/themes/enfold/files/2013/04/dash-iphone2-495×400.jpg for the three column view http://kriesi.at/themes/enfold/portfolio/portfolio-ajax/ .
So starting with a large enough image size to fit the smaller uses will give you the best result but how big to start with is up to you and what you have available.
For additional reference on all the image sizes the theme creates you can view the functions.php file starting at line 63.
Regards,
Devin
Hi!
I have different images for my gallery in landscape and portrait mode and the gallery is in portrait mode. So, whenever it displays portrait images it does works fine but when it display landscape image, it destroy the entire look of the gallery and leave empty space at the bottom. means thumbnails looks too far apart from the preview window.
My question is, is there a way to fix it any ideas?
Please have a look at my website,
http://goo.gl/agtw2
Hi there,
Sorry to dump a load of requests but I wonder if you can help me. I have checked the forum and several solutions dont seem to work for me. The font formatting just will not apply
I am;
1. Trying to get the logo centered above the navigation menu (also centered)
2. Change the font and font size for the navigation menu
3. When inserting a video in the theme builder – how can I set the parameters for it ? ( Im looking at vimeo)
and finally
4. when inserting a gallery – the theme ignores the thumbnail sizing for preview. It only resizes based on the number of columns chosen.. I would like 3 columns with 200x200px but this always is ignored and I get something like 3 columns and 450px (full width)
Thanks so much in advance… loving this theme !
Hi guys, 2 questions (related)
1. how do I turn off lightbox on portfolios?
then, in relation to that….
2. how do I switch the portfolio thumbnail action from “hover” to “click”?
(So it changes the big image on click, instead of on hover – while keeping the effect when you do hover on the thumbnail.)
thank you!!
chad
Hi,
What’s the best way to display a Category of Posts in a thumbnail table format on a Page? In other words, I want to have a table (3x?) populated with the Feature Image and Title of a list of Posts that match a selected Category. I’m thinking of using a Portfolio, but I am having problems with getting it to work (even a simple list). If this is not the solution, I don’t want to waste time, at this point, to resolve the issue (I’ll figure it out later).
Thanks.
Marshall
Hi,
On the youtube settings, you can upload a custom thumbnail. Please upload a thumbnail with the play button.
This is the current youtube thumbnails: http://img.youtube.com/vi/U36XJaETbh8/maxresdefault.jpg
Regards,
Ismael
Hi,
For the Portfolio Overview, you can edit wp-contentthemesenfoldconfig-templatebuilderavia-shortcodes > portfolio.php, find this code
$output .= "<div data-ajax-id='{$the_id}' class=' grid-entry flex_column isotope-item all_sort {$style_class} {$post_class} {$sort_class} {$grid} {$extraClass}'>";
$output .= "<div class='main_color inner-entry'>";
$output .= apply_filters('avf_portfolio_extra', "", $entry);
$output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size )."</".$link_markup[1].">";
$output .= !empty($title) || !empty($excerpt) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';
$output .= !empty($title) ? "<h3 class='grid-entry-title'><a href='{$title_link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>": '';
$output .= !empty($excerpt) ? "<div class='grid-entry-excerpt'>".$excerpt."</div>" : '';
$output .= !empty($title) || !empty($excerpt) ? "</div>" : '';
$output .= "</div>";
$output .= "</div>";
Replace it with
$portfolio_date = get_the_date($entry->post_date);
$output .= "<div data-ajax-id='{$the_id}' class=' grid-entry flex_column isotope-item all_sort {$style_class} {$post_class} {$sort_class} {$grid} {$extraClass}'>";
$output .= "<div class='main_color inner-entry'>";
$output .= apply_filters('avf_portfolio_extra', "", $entry);
$output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size )."</".$link_markup[1].">";
$output .= !empty($title) || !empty($excerpt) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';
$output .= !empty($title) ? "<h3 class='grid-entry-title'><a href='{$title_link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>": '';
$output .= "<br>";
$output .= "<span class='post-meta-infos'>";
$output .= "<span class='date-container minor-meta'>".$portfolio_date."</span>";
$output .= "</span>";
$output .= !empty($excerpt) ? "<div class='grid-entry-excerpt'>".$excerpt."</div>" : '';
$output .= !empty($title) || !empty($excerpt) ? "</div>" : '';
$output .= "</div>";
$output .= "</div>";
You can edit the date settings on Settings > General panel.
For single portfolio without the Advance Layout Editor, you can edit includes > loop-portfolio-single.php, find the code:
//display the actual post content
the_content(__('Read more','avia_framework').'<span class="more-link-arrow"> →</span>');
Below, you can echo the date code:
echo "<span class='post-meta-infos'>";
echo "<span class='date-container minor-meta'>".get_the_time('d M Y')."</span>";
echo "</span>";
Regards,
Ismael
1) Single product pages have a sidebar – you just need to drag’n’drop widgets into the “Single Product Pages” widget area. Afaik the “Displayed Everywhere” widget area is also supported on single product pages.
2) There seem to be sidebars for everything else except single pages. My question then become why?
First (standard) single pages support sidebars and even product pages have a sidebar but it’s not located on the right. We choose this layout because the design wouldn’t look good with a separate sidebar area. The product thumbnails are displayed on the left side and take one third of the page width. The space on the right is required for the product description, add to cart button, etc. Thus the only reasonable location for the widget areas is below the product thumbnails on the left side.
Sure – add following code to the bottom of functions.php
function avia_add_images_to_rss_feed($content)
{
global $post;
if ( has_post_thumbnail( $post->ID ) )
{
$content = get_the_post_thumbnail( $post->ID, 'full', array( 'style' => 'display: block;' ) ) . '<br/>' . $content;
}
return $content;
}
add_filter('the_excerpt_rss', 'avia_add_images_to_rss_feed');
add_filter('the_content_feed', 'avia_add_images_to_rss_feed');
You can reduce the menu height with following code
#header_main .container, .main_menu ul:first-child > li a {
height: 80px;
line-height: 80px;
}
Insert it into the quick css field and increase/decrease the px value. If you decrease the value the white space will become smaller.
Hi,
Use the Video element under Media Elements tab, insert the video url.
You can also use the Image element, Set Link to Manually then insert the video url. This will open the video on a lightbox.
Regards,
Ismael
I removed the portfolio page and replaced it with a regular page and the same thing. Only visible urls to video.
http://extremewatersportsgalveston.com/video/
I am embedding video into a portfolio but can not figure out how to show an image/thumbnail to click on. All you see is the text.
http://extremewatersportsgalveston.com/extreme_images/video/
It also does not give me an image option in the video upload box that I saw in another post.
Hello – Please see the gallery a little down the page at http://thecaloriemythbook.com/comingsoon. How can I make this and other galleries show the main image and thumbnails with their original (16:9) aspect ratios? Thank you.
Hey Peter,
Thanks for the link. In doing how you suggested it removes other items in the drop down Display Settings dropdown.
Before the code I have 9 choices:
Thumbnail – 80 × 80
Medium – 300 × 300
Full Size – 900 × 900
Square – 180 × 180
Featured – 900 × 430
Portfolio – 495 × 400
Gallery – 710 × 575
Entry with Sidebar – 710 × 270
Entry without Sidebar – 900 × 360
Then I wrapped the code above in a function:
// Add Custom sizes for Products
function avia_change_image_size_array() {
global $avia_config;
$avia_config['imgSize']['product-thumb'] = array('width'=>250, 'height'=>250); // small preview pics eg sidebar news
$avia_config['slectableImgSize'] = array(
'product-thumb' => __('250 x 250','avia_framework'),
);
}
add_action( 'init', 'avia_change_image_size_array');
Now I only get 3 choices:
Thumbnail – 80 × 80
Medium – 300 × 300
Full Size – 900 × 900
250 x 250 – 250 × 250
Thoughts on why the rest of the list is not appearing?
Hey!
Try to wrap your code into a function and use the init hook to add your thumbnail size to the avia_config array: https://kriesi.at/support/topic/override-the-global-avia_config-within-child-functionsphp
Best regards,
Peter
Hello,
I´m trying to personalize the toggles in my site: http://paisagismoonline-com-br.web22.redehost.com.br/nsite1/?page_id=2270#toggle-id-3. It´s almost done, but the toggle background is not working with the code that I´ve posted in it. Is there a way to solve this problem?
The code:
[av_one_third first]Add 1/3 Content here[/av_one_third]
[av_two_third]
[av_gallery ids='2692,2691,2690' style='thumbnails' preview_size='portfolio' thumb_size='thumbnail' columns='4' imagelink='lightbox']
[/av_two_third]
Thank you,
Fabiana
I am trying to generate new image sizes in a child theme.
I have added this to the child theme functions.php file:
$avia_config['imgSize']['product-thumb'] = array('width'=>250, 'height'=>250); // smaller product images
$avia_config['slectableImgSize'] = array(
'product-thumb' => __('Product Thumb','avia_framework'),
);
After I run regenerate thumbnails, I do see that the new image is on FTP. But when I am using the builder and use the image element I do not see the new size available in the “Attachment Display Settings” dropdown.
Am I missing something to add this to that dropdown?
Yes, thanks Dude – regenerating the thumbnails seemed to do the trick (I think :o) The only other issue I’m having is there’s a space or padding on my home page ( http://pancho3.com ) between the menu and the slider that I haven’t been able to figure out how to remove at this point. Do you have any suggestions? Thanks!
Hey!
It seems like you solved the problem: http://www.screenr.com/HfMH ? You can select a thumbnail size on the “portfolio” element option screen/modal window.
Best regards,
Peter
Enfold Theme – how do I get the thumbnails in a gallery to have a uniform poportion (eg: maximum height)? Please reference: http://pancho3.com/portfolio-item/131/
Thank you!
Hi!
Hallo,
WordPress sollte an dieser Stelle nur ein 36x36px Thumbnail anzeigen. Vielleicht existiert dieses Thumbnail noch nicht. Versuche die Thumbnails von den bestehenden Bildern mit: http://wordpress.org/plugins/regenerate-thumbnails/ zu generieren.
Best regards,
Peter