Great thanks for this! I have been testing Eunoia + 3.6 on a staging site and note some issues with portfolio thumbnail images not showing up – some do/some don’t. If you’d like me to send you the staging URL let me know.
Hi jingz,
The columns will resize your images no matter what you choose if the image isn’t large enough to fill in the column. Otherwise the columns won’t fit correctly in a full width container.
If you put the portfolio in a container it will shrink the column widths and then the images inside.
Regards,
Devin
The new code fixed the issue of the aspect ratio when resizing the browser, but I have the old problem I was having – the thumbnail images are not creating a perfect grid, and there is a big gap between one of the rows see link here – http://latishawoodonline.com/body-paintings/
In regard to – 1.) All the gallery images are showing, it takes time. I suggest you upgrade your domain service plan to speed up the page load. You can also use cdn,
I am on a $350 per month dedicated virtual server with mediatemple.net with 8Gb ram so I am not using “cheap” hosting and there are not that many sites on the server. The images always load fine on other pages as seen here – http://latishawoodonline.com/motorcycles/ and never have a problem when there are not to many images. As soon as the gallery has a lot of images the thumbnails show at 50% opacity until the user scrolls the browser. I thin it needs some code to force loading of the gallery everytime since it seems to only actibvate the load on galleries with many images when the user scrolls.
Checked functions.php. It’s already set to the 36×36 value.
You can reposition the thumbnails with following css code (insert it into the quick css field and change the values). However I can’t promise that it will display fine on all screens…
.ls-fullwidth .ls-thumbnail {
top: 10px;
left: 100px;
}
Hey!
Ah ok :)
Open up wp-contentthemesenfoldincludesadminregister-portfolio.php and replace
'supports' => array('title','thumbnail','excerpt','editor','comments')
with
'supports' => array('title','thumbnail','excerpt','editor','comments','custom-fields')
Best regards,
Peter
What about the rest of the images? None of them crop, the image is just squished to fit in the space.
Hi,
Change the thumbnail size settings to 36×36 then regenerate thumbnails. Actually, it has nothing to do with that because the code for the thumbnail on latest news widget is located on functions.php:
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news
The latest news widgets look fine on my end:

Regards,
Ismael
My website is on a dev machine, so I don’t have a public link to give you at the moment.
I already installed that plugin and nothing looks different when I regenerate.
When I do the featured image, it doesn’t look like it does on the Enfold theme because it never crops.
I used the same exact family photo as Enfold, and here was the result:
Featured image in a blog post:
https://www.evernote.com/shard/s260/sh/c91b9098-ad45-42bd-9c1f-2a0f49e01922/38d885c2636b3005374370f92bb22c3e
Grid preview:
https://www.evernote.com/shard/s260/sh/93ad8e3b-5965-47ea-92aa-99b7560e7c21/3332bb18654b7f9b3e9ff73aa16f4f48
News Thumbnail:
https://www.evernote.com/shard/s260/sh/abd3fe9d-f523-42b0-9afd-829228a666c5/16567531b45f29089fb53d61f32308d6
These are my media settings:
https://www.evernote.com/shard/s260/sh/07399c41-3854-420c-bb04-3e6313abf92b/934c8cff9a70a3bd1d4d829e798d59be
I’m on WP 3.5.2 and Enfold 1.8.4
Thanks for your answer Devin.
In the global settings of the layerslider there is the option to add a CSS. Anything possible with this?
Hello,
I am using portfolio 3 columns and portfolio thumbnail size of 300px X 200px (uploaded as featured image by creating single portfolio).
But the portfolio page resize the tumbnail to 341px (width). At the option “Select custom image size”, I set “No scaling”. The original size of the featured images are 300px x 200px.
I won’t, that the portfolio grid resizes the featured image.
What can I do?
Thank you!
If the thumbnails are smaller than the total column width – the extra space is filled with other images and/or captions
have created a sample page with same 300×300 px thumbnail size in different column widths
http://goo.gl/3ww04b
I checked your website with the w3c validator and it seems like there’re missing paragraph tags in the html code. Maybe these tags cause the styling error. Especially check the content of following html code
<div class='avia_textblock'><blockquote>
<p style="text-align: left;">Die Drei Guten Gründe (3GG) sind eine reine Acoustic-Coverband und bieten für Partys, Hochzeiten, Apéros, Pubs und Firmen Events die perfekte Unterhaltung.</p>
<p style="text-align: left;"></blockquote>
<div class="lyte-wrapper" style="width:420px;max-width: 100%;margin:5px;">
<div class="lyMe" id="WYL_77VknwX_oZ8" itemprop="video" itemscope itemtype="http://schema.org/VideoObject"><meta itemprop="duration" content="T348S" /><meta itemprop="thumbnailUrl" content="http://i.ytimg.com/vi/77VknwX_oZ8/0.jpg" /><meta itemprop="embedURL" content="http://www.youtube.com/embed/77VknwX_oZ8" /><meta itemprop="uploadDate" content="2011-03-03T16:58:51.000Z" /></p>
<div id="lyte_77VknwX_oZ8" data-src="http://i.ytimg.com/vi/77VknwX_oZ8/0.jpg" class="pL">
<div class="tC">
<div class="tT" itemprop="name">3GG Live 2011</div>
</div>
Hi,
You need to have the copy the css styling for the header. If you have Chrome, inspect element then edit the header part as HTML, this is the output:
<div id="header" class="header_color dark_bg_color mobile_drop_down">
<div id="header_meta" class="container_wrap container_wrap_meta">
<div class="container">
<ul class="noLightbox social_bookmarks icon_count_5"><li class="social_bookmarks_facebook social_icon_1"><a target="_blank" href="https://www.facebook.com/kriesi.at" class="avia-font-entypo-fontello"></a></li><li class="social_bookmarks_twitter social_icon_2"><a target="_blank" href="http://twitter.com/#/" class="avia-font-entypo-fontello"></a></li><li class="social_bookmarks_gplus social_icon_3"><a href="sighlence" class="avia-font-entypo-fontello"></a></li><li class="social_bookmarks_tumblr social_icon_4"><a href="tumbler" class="avia-font-entypo-fontello"></a></li><li class="social_bookmarks_mail social_icon_5"><a href="#" class="avia-font-entypo-fontello">✉</a></li></ul><div class="sub_menu"><ul id="menu-main-menu" class="menu"><li id="menu-item-755" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-755"><a href="http://kriesi.at/themes/enfold/">Home</a>
<ul class="sub-menu">
<li id="menu-item-2285" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-734 current_page_item menu-item-2285"><a href="http://localhost/kriesi/enfold/">Home v1: Landing Page Style</a></li>
<li id="menu-item-2292" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2292"><a href="http://localhost/kriesi/enfold/?page_id=1108">Home v2: 3 Col + Contact</a></li>
<li id="menu-item-2286" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2286"><a href="http://localhost/kriesi/enfold/?page_id=1040">Home v3: 3 Column with Blog</a></li>
<li id="menu-item-2291" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2291"><a href="http://localhost/kriesi/enfold/?page_id=1070">Home v4: Small Slider</a></li>
<li id="menu-item-2288" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2288"><a href="http://localhost/kriesi/enfold/?page_id=1097">Home v5: Portfolio Style</a></li>
<li id="menu-item-2287" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2287"><a href="http://localhost/kriesi/enfold/?page_id=1023">Home v6: Classic 4 Column</a></li>
<li id="menu-item-2289" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2289"><a href="http://localhost/kriesi/enfold/?page_id=2251">Home v7: One Page Portfolio</a></li>
<li id="menu-item-2208" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2208"><a href="http://localhost/kriesi/enfold/?page_id=2207">Home v8: Frontpage Shop</a></li>
</ul>
</li>
<li id="menu-item-2272" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2272"><a href="http://localhost/kriesi/enfold/?page_id=2270">Portfolio</a>
<ul class="sub-menu">
<li id="menu-item-2273" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2273"><a href="http://localhost/kriesi/enfold/?page_id=987">Portfolio 2 Column</a></li>
<li id="menu-item-2274" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2274"><a href="http://localhost/kriesi/enfold/?page_id=992">Portfolio 3 Column</a></li>
<li id="menu-item-2276" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2276"><a href="http://localhost/kriesi/enfold/?page_id=2270">Portfolio 4 Column</a></li>
<li id="menu-item-2277" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-2277"><a href="http://localhost/kriesi/enfold/?portfolio=slider-two-third">Single Portfolio: 2/3 Slider</a></li>
<li id="menu-item-2290" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2290"><a href="http://localhost/kriesi/enfold/?page_id=2269">Portfolio Ajax</a></li>
<li id="menu-item-2278" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-2278"><a href="http://localhost/kriesi/enfold/?portfolio=lorem-ipsum">Single Portfolio: 2/3 Gallery</a></li>
<li id="menu-item-2279" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-2279"><a href="http://localhost/kriesi/enfold/?portfolio=portfolio-big">Single Portfolio: Big Slider</a></li>
<li id="menu-item-2280" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-2280"><a href="http://localhost/kriesi/enfold/?portfolio=vimeo-video">Single Portfolio: Fullscreen Slider</a></li>
</ul>
</li>
<li id="menu-item-2271" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2271"><a href="http://localhost/kriesi/enfold/?page_id=731">Blog</a>
<ul class="sub-menu">
<li id="menu-item-2306" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2306"><a href="http://localhost/kriesi/enfold/?page_id=1336">Blog Grid</a></li>
<li id="menu-item-2284" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2284"><a href="http://localhost/kriesi/enfold/?page_id=1010">Blog Multi Author</a></li>
<li id="menu-item-2283" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2283"><a href="http://localhost/kriesi/enfold/?page_id=1012">Blog Single Author Small</a></li>
<li id="menu-item-2282" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2282"><a href="http://localhost/kriesi/enfold/?page_id=1014">Blog Single Author Big</a></li>
<li id="menu-item-2281" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2281"><a href="http://localhost/kriesi/enfold/?page_id=1016">Blog Single Author Fullwidth</a></li>
</ul>
</li>
<li id="menu-item-2293" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2293"><a href="http://localhost/kriesi/enfold/?page_id=1122">Pages</a>
<ul class="sub-menu">
<li id="menu-item-2295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2295"><a href="http://localhost/kriesi/enfold/?page_id=1195">About Us</a></li>
<li id="menu-item-2299" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2299"><a href="http://localhost/kriesi/enfold/?page_id=1236">Blank Pages</a>
<ul class="sub-menu">
<li id="menu-item-2302" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2302"><a href="http://localhost/kriesi/enfold/?page_id=1236">What is a Blank Page?</a></li>
<li id="menu-item-2300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2300"><a href="http://localhost/kriesi/enfold/?page_id=1261">Maintenance Mode</a></li>
<li id="menu-item-2301" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2301"><a href="http://localhost/kriesi/enfold/?page_id=1248">Coming Soon</a></li>
</ul>
</li>
<li id="menu-item-2297" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2297"><a href="http://localhost/kriesi/enfold/?page_id=1167">Contact</a></li>
<li id="menu-item-2303" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2303"><a href="http://localhost/kriesi/enfold/?page_id=1277">FAQ</a></li>
<li id="menu-item-2298" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2298"><a href="http://localhost/kriesi/enfold/?page_id=1224">Help</a></li>
<li id="menu-item-2305" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2305"><a href="http://localhost/kriesi/enfold/?page_id=1324">Landing Page</a></li>
<li id="menu-item-2294" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2294"><a href="http://localhost/kriesi/enfold/?page_id=1212">Meet the Team</a></li>
<li id="menu-item-2296" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2296"><a href="http://localhost/kriesi/enfold/?page_id=1176">Pricing</a></li>
<li id="menu-item-2304" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2304"><a href="http://localhost/kriesi/enfold/?page_id=1302">Services</a></li>
</ul>
</li>
<li id="menu-item-2275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2275"><a href="http://localhost/kriesi/enfold/?page_id=750">Shortcodes</a></li>
<li id="menu-item-2309" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2309"><a href="http://localhost/kriesi/enfold/?page_id=2307">A.Test</a></li>
<li id="menu-item-2354" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2354"><a href="http://localhost/kriesi/enfold/?page_id=2343">Shop</a></li>
</ul><div class="phone-info with_nav"><span>302-312456</span></div></div> </div>
</div>
<div id="header_main" class="container_wrap container_wrap_logo">
<ul class="cart_dropdown visible_cart" data-success="was added to the cart"><li class="cart_dropdown_first"><a class="cart_dropdown_link" href="http://localhost/kriesi/enfold/?page_id=2344"><span class="avia-font-entypo-fontello"></span></a><!--<span class='cart_subtotal'><span class="amount">£9.99</span></span>--><div class="dropdown_widget dropdown_widget_cart" style="display: none; opacity: 0;"><div class="avia-arrow"></div><div class="widget_shopping_cart_content">
<ul class="cart_list product_list_widget ">
<li>
<a href="http://localhost/kriesi/enfold/?product=mini-product">
<img width="120" height="120" src="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/24-120x120.jpg" class="attachment-shop_thumbnail wp-post-image" alt="2">
Mini Product
</a>
<span class="quantity">1 × <span class="amount">£9.99</span></span> </li>
</ul><!-- end product list -->
<p class="total"><strong>Subtotal:</strong> <span class="amount">£9.99</span></p>
<p class="buttons">
<a href="http://localhost/kriesi/enfold/?page_id=2344" class="button">View Cart →</a>
<a href="http://localhost/kriesi/enfold/?page_id=2345" class="button checkout">Checkout →</a>
</p>
</div></div></li></ul>
<div class="container" style="height: 116px; line-height: 116px;">
<strong class="logo bg-logo"><a href="http://localhost/kriesi/enfold/"><img src="http://localhost/kriesi/enfold/wp-content/themes/enfold/images/layout/logo.png" alt="" title="Enfold"></a></strong><div class="main_menu" data-selectname="Select a page"><div class="menu-main-menu-container"><ul id="menu-main-menu-1" class="menu"><li id="menu-item-755" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent active-parent-item dropdown_ul_available"><a href="http://kriesi.at/themes/enfold/" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Home<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-2285" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-734 current_page_item"><a href="http://localhost/kriesi/enfold/"><span class="avia-bullet"></span>Home v1: Landing Page Style</a></li>
<li id="menu-item-2292" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1108"><span class="avia-bullet"></span>Home v2: 3 Col + Contact</a></li>
<li id="menu-item-2286" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1040"><span class="avia-bullet"></span>Home v3: 3 Column with Blog</a></li>
<li id="menu-item-2291" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1070"><span class="avia-bullet"></span>Home v4: Small Slider</a></li>
<li id="menu-item-2288" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1097"><span class="avia-bullet"></span>Home v5: Portfolio Style</a></li>
<li id="menu-item-2287" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1023"><span class="avia-bullet"></span>Home v6: Classic 4 Column</a></li>
<li id="menu-item-2289" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=2251"><span class="avia-bullet"></span>Home v7: One Page Portfolio</a></li>
<li id="menu-item-2208" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=2207"><span class="avia-bullet"></span>Home v8: Frontpage Shop</a></li>
</ul>
</li>
<li id="menu-item-2272" class="menu-item menu-item-type-post_type menu-item-object-page dropdown_ul_available"><a href="http://localhost/kriesi/enfold/?page_id=2270" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Portfolio<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0.04312729975283146; visibility: visible;">
<li id="menu-item-2273" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=987"><span class="avia-bullet"></span>Portfolio 2 Column</a></li>
<li id="menu-item-2274" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=992"><span class="avia-bullet"></span>Portfolio 3 Column</a></li>
<li id="menu-item-2276" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=2270"><span class="avia-bullet"></span>Portfolio 4 Column</a></li>
<li id="menu-item-2277" class="menu-item menu-item-type-post_type menu-item-object-portfolio"><a href="http://localhost/kriesi/enfold/?portfolio=slider-two-third"><span class="avia-bullet"></span>Single Portfolio: 2/3 Slider</a></li>
<li id="menu-item-2290" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=2269"><span class="avia-bullet"></span>Portfolio Ajax</a></li>
<li id="menu-item-2278" class="menu-item menu-item-type-post_type menu-item-object-portfolio"><a href="http://localhost/kriesi/enfold/?portfolio=lorem-ipsum"><span class="avia-bullet"></span>Single Portfolio: 2/3 Gallery</a></li>
<li id="menu-item-2279" class="menu-item menu-item-type-post_type menu-item-object-portfolio"><a href="http://localhost/kriesi/enfold/?portfolio=portfolio-big"><span class="avia-bullet"></span>Single Portfolio: Big Slider</a></li>
<li id="menu-item-2280" class="menu-item menu-item-type-post_type menu-item-object-portfolio"><a href="http://localhost/kriesi/enfold/?portfolio=vimeo-video"><span class="avia-bullet"></span>Single Portfolio: Fullscreen Slider</a></li>
</ul>
</li>
<li id="menu-item-2271" class="menu-item menu-item-type-post_type menu-item-object-page dropdown_ul_available"><a href="http://localhost/kriesi/enfold/?page_id=731" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Blog<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0.1942984329350293; visibility: visible;">
<li id="menu-item-2306" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1336"><span class="avia-bullet"></span>Blog Grid</a></li>
<li id="menu-item-2284" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1010"><span class="avia-bullet"></span>Blog Multi Author</a></li>
<li id="menu-item-2283" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1012"><span class="avia-bullet"></span>Blog Single Author Small</a></li>
<li id="menu-item-2282" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1014"><span class="avia-bullet"></span>Blog Single Author Big</a></li>
<li id="menu-item-2281" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1016"><span class="avia-bullet"></span>Blog Single Author Fullwidth</a></li>
</ul>
</li>
<li id="menu-item-2293" class="menu-item menu-item-type-post_type menu-item-object-page dropdown_ul_available"><a href="http://localhost/kriesi/enfold/?page_id=1122" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Pages<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-2295" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1195"><span class="avia-bullet"></span>About Us</a></li>
<li id="menu-item-2299" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1236"><span class="avia-bullet"></span>Blank Pages</a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-2302" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1236"><span class="avia-bullet"></span>What is a Blank Page?</a></li>
<li id="menu-item-2300" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1261"><span class="avia-bullet"></span>Maintenance Mode</a></li>
<li id="menu-item-2301" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1248"><span class="avia-bullet"></span>Coming Soon</a></li>
</ul>
</li>
<li id="menu-item-2297" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1167"><span class="avia-bullet"></span>Contact</a></li>
<li id="menu-item-2303" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1277"><span class="avia-bullet"></span>FAQ</a></li>
<li id="menu-item-2298" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1224"><span class="avia-bullet"></span>Help</a></li>
<li id="menu-item-2305" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1324"><span class="avia-bullet"></span>Landing Page</a></li>
<li id="menu-item-2294" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1212"><span class="avia-bullet"></span>Meet the Team</a></li>
<li id="menu-item-2296" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1176"><span class="avia-bullet"></span>Pricing</a></li>
<li id="menu-item-2304" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1302"><span class="avia-bullet"></span>Services</a></li>
</ul>
</li>
<li id="menu-item-2275" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=750" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Shortcodes<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-2309" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=2307" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>A.Test<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-2354" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=2343" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Shop<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" data-avia-search-tooltip="
<form action="http://localhost/kriesi/enfold/" id="searchform" method="get">
<div>
<input type="submit" value="🔍" id="searchsubmit" class="button"/>
<input type="text" id="s" name="s" value="" placeholder='Search' />
</div>
</form>" style="height: 116px; line-height: 116px;">
Hi,
Can you give us a link to your website?
The thumbnail for the News widget should be automatically created. Try to regenerate the thumbnails using this:
http://wordpress.org/plugins/regenerate-thumbnails/
The image is added using the Add Featured Media.
Regards,
Ismael
Also, how do you put an image on top of a standard blog post like this: http://kriesi.at/themes/enfold/2012/01/14/this-is-a-nice-post/
When I try to add media content, the image only shows inside the blog post rather than on top.
On the Enfold theme preview (http://kriesi.at/themedemo/?theme=enfold), this image is shown as the featured image in grid format for a blog post.

Under Latest News in the footer, this cropped image is shown as a thumbnail.

On my blog, the featured image isn’t cropped into a thumbnail for the News widget, it’s squished into a distorted square. How do I fix that so it looks like the Enfold theme?
Hi tasoskouk
Your images should all be larger than 450×450 pixels for them to be cropped at the same height. For example, this image: http://tasoskoukouvitis.com/enfold/wp-content/uploads/2012/12/KitchenAid-Espresso-Machine-1.jpg is 391x530px. So when it gets cropped down to 450×450 it only crops the one edge because the other is already smaller than that size.
Then in the column view the images get scaled down to fit the column number but the width is smaller than the others so it actually uses more height to get the image to fill that whole width.
What I usually recommend is that you put all of your product images on a white background in an image editor and position them in the center. Then save all of your images at the same large size so that you are always working with the same size canvas and wordpress can manipulate the thumbnails as needed but it will all always be the same.
If not that way then just for the images that are non-standard like the mixer.
Regards,
Devin
this is a child of https://kriesi.at/support/topic/how-to-add-captions-to-gallery-thumbs#post-127924 this issue.. but I thought appropriate to add a new topic..
1. When adding a single column gallery with say a 300×300 px image…or a 2 column with two 300px images, how can you get the images to align to the center of the column you have placed it in ?
Check the alignment here .. http://shoutkey.com/am
first 3 pictures are diff sizes but not aligned. second 2 pics are using a spacer image..
Images seem to left justify along with their captions. I would like to have multiple galleries in a page – some with 2 images, some with 3, mostly the same size but aligned to center of the page.. I tried adding a spacer image for 3 columns using 2 main images but the space is padded far too much…
2. captions underneath the thumbnails.. if adding 2 images to a 3 column layour – the captions move directly to the right side of the image.. depending on the size of the thumbs, the captions sometimes appear underneat, sometimes break half underneat and half on the side.
3. Is is possible to align the captions to center underneath the thumbnail, not just left justified.
I tried `/*caption align*/
.visible-caption{
text-align:center;
}
` with no joy..
Thanks again
I am haing some issues with this theme
1. The images for galleries are still not showing even though I have added code into custom css you have told me to add from previous support ticket.
http://latishawoodonline.com/body-paintings/
http://latishawoodonline.com/fashion/
It works on galleries that have not that many images like – http://latishawoodonline.com/drawings/ but the images are shown at like 40% opacity on the galleries that have a lot of images and only show full opacity once user has scrolled.
2. The gallery is not responsive… When I resize the browser the thumbnail images all keep their same height and adjust only their width causing a distorted thumbnail image that looks really bad. The entire thumbnail should resize.
I own may Kriesi themes and this one seems to have more issue than the other ones.. Hopefully you can resolve this gallery issue soon and add an updated theme to themeforest so I can use for future projects…
Here is the custom css I have added that you have given me from other support tickets.
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 25%;
max-height: 147px;
height: 147px;
}
#top div .avia-gallery img {
height: 100%;
max-height: 100%;
}
Can you please help fix this or send me new theme pages or css code since the photo gallery is the most important part of this website I am doing and it currently has multiple issues.
Thank you
Hi Wild-Speed,
Unfortunately not at the moment as far as I know. The effect is built into the LayerSlider plugin and would need to be modified on their end for best results (the plugin is a third party one Kriesi has a license to include it built in).
Regards,
Devin
Hi,
The functionality you are describing is currently (for the moment) not one included in the theme and would be a time intensive modifications that IMO would be outside the scope of the support team.
Show none of them as active – you wrote , and by that do you mean show no portfolio thumbs? You can use css to block the images on initial load by positioning the thumbnails off screen or hidden if I understood you second question correctly.
Thanks,
Nick
Hi David,
1) The theme has a couple of different options for galleries but there isn’t one available similar to the example. See: http://kriesi.at/themes/enfold/shortcodes/gallery/
2) When you’ve added a gallery you just need to click on its element in the advanced layout builder. The Gallery pop up appears and you can then click on the images to add more to it or edit them as well as change the gallery style and image size.
3) Load times for images are independent of the theme. You can use something like w3tc or WP SuperCache to increase the loading times of your site overall but ultimately when it comes to images loading it has more to do with the individual user internet speed and the host where the images are located.
Regards,
Devin
I have found a way to exclude posts without thumbnails with CSS. But I still need help for sorting the related posts randomly.
Regards,
Günter
Hi DoGrinDigital,
If you mean this page: http://kriesi.at/themes/enfold/features/ its a tabs element with the tabs positioned on the left. If you mean the one on the home page of the demo its 2 half width columns and one has an image slider with thumbnails in it.
Regards,
Devin
The thumbnail navigation is a great feature in the layerslider, but the thumbnails are showing in the middle of the slider.
Is there a way to give the thumbnails a custom position within the slider?
I have two questions to the related posts in the “You might also like …”-section:
How can I exclude posts wich have no thumbnails, so that only posts with images are displayed?
And how can I realize a random order of the shown related posts?
Thanks!
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.