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
Hi,
Undo the steps we did. Please follow this one. Edit includes > loop-index.php, find this code:
//on single page replace the link with a fullscreen image
if(is_singular())
{
$link = avia_image_by_id(get_post_thumbnail_id(), 'large', 'url');
}
Below, add this code:
if(strpos($blog_style, 'grid') !== false)
{
echo '<a href="'.$link.'"><img src="'.$link.'" title="" alt="" class="blog-grid-preview"></a>';
}
Edit custom.css or Quick CSS, add this code:
.blog-grid-preview {
width: 95%;
border-radius: 10px;
}
Regards,
Ismael
Hi,
The best way to go about it, is to first install the Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ). The plugin will give you complete control over images: setting constraints for specific locations like blog, thumbnails, portfolio, gallery, shop, etc. along with the ability to set whether to crop an image or not in Settings > Media.
Changing the dimensions of images does NOT automatically change all the images already uploaded but only affects new uploads. To change the sizes of images already uploaded, you will need to use the Regenerator – also a part of the Simple Image Sizes and found on the bottom of Settings Media. Don’t forget that images scale down, so always upload images bigger (or the same) as the constraints you set in Settings > Media (with the plugin) or you will get blurry (stretched) or incomplete images.
You can add your custom image size to use by following this tutorial but fpr the last part where instead of gallery you would add blog image. https://kriesi.at/support/topic/how-to-change-size-of-featured-image-in-portfolio-item-page-and-disable-lightbox#post-123789
Thanks,
Nick
Thanks for the reply.
1. Can we provide you with a link privately via pm or email please so it’s not in a public forum?
We are also experiencing additional issues with layer slider too. After a video contained in a slide has been selected / played, the option to select other slides via any means (nav, thumbnails) just disappears? Again, this is an urgent matter for us before we can go live with the site.
2. Thanks for the link to the responsinator, didn’t know about that one and very useful indeed. Titles do appear to be fine there but weren’t working when we manually scaled the browser window. Thanks.
3. Thanks for this info, might be above our level of comprehesion though. Can you export skins via the normal interface etc?
4. No problem, thanks again.