Hey tschlicting!
Please change your code to following one
#top .thumbnail_container img {
padding-right: 30%;
}
If that does not help, please post a screenshot and show the changes you would like to make so we can provide you another solution
Best regards,
Yigit
This reply has been marked as private.
Hey!
1. So the code is working but your wanting to do it in a child theme or the code is not working at all?
2. Try adding this to your child theme functions.php file.
function avia_backend_add_thumbnail_size(&$avia_config)
{
if (function_exists('add_theme_support'))
{
$avia_config['imgSize']['widget'] = array('width'=>136, 'height'=>136);
foreach ($avia_config['imgSize'] as $sizeName => $size)
{
if($sizeName == 'base')
{
set_post_thumbnail_size($avia_config['imgSize'][$sizeName]['width'], $avia_config[$sizeName]['height'], true);
}
else
{
if(!isset($avia_config['imgSize'][$sizeName]['crop'])) $avia_config['imgSize'][$sizeName]['crop'] = true;
add_image_size(
$sizeName,
$avia_config['imgSize'][$sizeName]['width'],
$avia_config['imgSize'][$sizeName]['height'],
$avia_config['imgSize'][$sizeName]['crop']);
}
}
}
}
3. I haven’t tested it out but you could try copying the whole class to your child theme functions.php file. Lines 420 – 665. If that does not work then you would need to edit the parent theme instead.
Best regards,
Elliott
Can you help me determine why the thumbnail is distorted for this portfolio items?
Thanks
Mike
This reply has been marked as private.
Hi colognedata!
try to use a rel=”prettyPhoto” in your image html, for example:
<a href="images/fullscreen/2.jpg" rel="prettyPhoto"><img src="images/thumbnails/t_2.jpg" /></a>
Hope this helps.
Cheers!
Andy
Hi,
I want to edit the top & left of the Ajax Portfolio thumbnails. Do you know where can I edit that?
style=”position: absolute; left: 0px; top: 0px;”
Thanks
Hi guys,
So I’m trying to customize the size of my product thumbnails relative their column containers (have more padding or width around the pics) and as per this thread:
https://kriesi.at/support/topic/resize-image-containers-for-product-grid-using-woocommerce/
I’m using this CSS:
#top .thumbnail_container img {
margin: 0 auto;
width: 240px;
position: relative;
}
It does work, but the problem is when the “hover effect” for the product thumbnail is enabled, the product page display is messed up- basically there is a blank space showing above the main product thumbnail. When this blank space is moused over, what would be the next pic to be displayed upon hover shows up.
When the hover effect is turned off, the page displays normally, with the desired padding.
The question then is: is there a way to have the custom padding AND the hover effect enabled in a way that displays normally (i.e. not having the blank space above the main product photo)?
Hope this makes sense- I’ll leave the product hover enabled on the link I’m attaching so you can see what I mean. You’ll notice the top part of the page is blank, but when moused over, the pics appear.
Thanks, you coding rockstars! Best theme ever.
Hi laptophobo!
Thank you for using Enfold.
Use this in the Quick CSS field:
.av-magazine-thumbnail a:before {
content: '';
background: #000 (IMAGE URL HERE) no-repeat center center;
width: 49px;
height: 49px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
}
Change the image url. Suggested image size is 49x49px.
Cheers!
Ismael
Hey!
The theme automatically creates a set of thumbnails for each image that you use. Please resize the logo images before uploading them to the media library so that the theme can create consistent thumbnail sizes. Resizing them directly in the WordPress media editor is not going to work.
Regards,
Ismael
Hey josiehaney!
It’s on line 125 in the functions.php file.
$avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); // images for magazines
If you change the thumbnail size then you may need to regenerate your thumbnails to see the changes, http://wordpress.org/extend/plugins/regenerate-thumbnails/.
Best regards,
Elliott
Hey!
Are you trying to do this? https://kriesi.at/support/topic/replaced-the-default-blog-latest-news-title-needs-h1-heading/#post-220234
Go ahead and send us a link to the exact page and take a screenshot highlighting what your trying to do so we can get a better idea.
1. Try this out, https://kriesi.at/support/topic/blog-post-excerpts-2/#post-169503.
2. Try line 117 in the functions.php file.
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news
You may need to regenerate your thumbnails to see changes, http://wordpress.org/extend/plugins/regenerate-thumbnails/.
3. Around line 539 in the /enfold/framework/php/class-framework-widgets.php file you should see this.
echo "</strong>";
Try adding this beneath it.
echo "<a href = '".get_permalink()."'>Read more</a>";
Best regards,
Elliott
-
This reply was modified 10 years, 11 months ago by
Elliott.
Ich möchte eine Portfolioseite wie im Enfold Demo (Single Portfolio: 2/3 Gallery), jedoch ohne Lightbox erstellen.
Dazu habe ich nun eine Portfolioseite (2/3 und 1/3) erstellt und im 2/3-Bereich eine Galerie mit “großem Bild und Thumbnails unterhalb” eingefügt. Für die Galerie wurde “Portfolio small 260×185” ausgewählt. Wie groß muss ich nun die Bilder wählen, damit diese auch gestochen scharf als großes Bild abgebildet bzw. nicht außen herum abgeschnitten werden? Und welches Feature muss ich nutzen, damit ich über die großen Pfeile links und rechts wie in der Demoversion zum nächsten Kundenportfolio weiterklicken kann?
Hi there,
I’m wondering if anyone has a solution for when you have product images of varying sizes – how to make them all display within an evenly sized container on shop archive pages. My client has some images which are smaller than the image container on product archive pages, and it’s really messing up the look of the shop. Everything sizes correctly horizontally but the varying vertical sizes just look terrible.
I know the ideal solution is to get bigger images, but the client has been running this store for a few years, and there are LOTS of products!
I have tried changing the Woocommerce display settings and regenerating thumbnails, but it still looks the same.
Any assistance greatly appreciated!
Thanks,
Mark
Good morning,
thanks for your response, It is what it is and no problems.
Perhaps I can solve it with these these Q’s then as the problem is simply a Layout issue.
A. Stretched Layout is designated on Enfold settings panel
B. Column Layout shortcodes appear to box the layout
Please see attached image below for layouts reference and can these be altered (with local or page) shortcode rather than global css?
1. & 3.
Can the Image (uploaded at 560x1920px) at the top of the page be controled to FULL WIDTH (1) and without gap (3) at top of page? It is within a 1 column-full as per shortcode below.
[av_one_full first][av_image src='[352 show=id]’ attachment='[352 show=id]’ attachment_size=’full’ align=’center’ animation=’pop-up’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’][/av_image][/av_one_full]
2. The Gallery – Can it be controled to go edge to edge as per the Stretched Enfold setting point A above.
– is without any layout column shortcode
The ALB ‘Grid’ layout achieves these controls with the padding etc – but is only available in the ALB – and I have tried many variations but as you identify the shortcodes break some along the process
[av_gallery ids='[341 show=id]’ style=’thumbnails’ preview_size=’portfolio’ crop_big_preview_thumbnail=’avia-gallery-big-crop-thumb’ thumb_size=’shop_catalog’ columns=’3′ imagelink=’lightbox’ lazyload=’avia_lazyload’]
Thanks a mil
Chris

I’m fighting with the icon that gets displayed when I select “Single Author – Small Preview Pic” in the “Blog Style” field. The icon that gets automatically displayed is “81×81”. I applied this code (from another ticket) to “functions.php”:
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>360);
and then resized all the thumbnails with the “regenerate thumbnails” plugin.
I also added this to my quick css in Enfold | Theme Options | General Styling:
a.small-preview .small-preview .attachment-square .iconfont .blog-meta {
width: 180;
height: 360;
}
However, when I reload my page, the icon stays square. I have inspected the html elements and style classes with Firefox’s “inspect element” and thereby derived the list of classes above, but I still don’t get the graphic to resize, although of the containers have changed size.
Please help with the correct css or other changes for this.
-
This topic was modified 10 years, 11 months ago by
lifeboy.
Hi!
Edit the functions.php file, adjust the size of the square thumbnail:
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs
Regenerate the thumbnails with this plugin: https://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Ismael
This reply has been marked as private.
hi guys
On the page below, on the sidebar, I have styled it to have the excerpt under the title, have changed the size of the images & regenerated my thumbnails (widgets?). I am having trouble with the spacing of the entries under “COLOMBIA” fx where there is a larger space when the title line is over one line width, and a too tight space when it’s not. see here: http://imgur.com/uvms2Is.
can you help me with this?
thanks
Nancy
Hi,
my product images have different sizes. It is a mess. I would like to have a grid.
But don’t know how to do so. Recreating thumbnails with the plugin did not work.
Thanks for your help
Hey Wiedenmeier!
I’m not sure I understand what you mean, I had a look at your site on iphone4/Chrome and it looks fine. Are you maybe referring to that the thumbnails sometimes are not displayed on the same line?
Best regards,
Rikard
Hey!
Oh. Alright. Adjust the Single Product Image thumbnail size on Woocommerce > Settings > Products > Display panel. Regenerate the thumbnails after: https://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Ismael
Hey jenki!
We can give you some CSS to force their sizes.
.thumbnail_container img {
height: 300px !important;
}
But that’s going to make them look distorted since the image sizes your using are very different. It would be best to crop them before uploading.
Regards,
Elliott
Hi there,
I have a new Page with Enfold and would like to publish more than the 7 Rows.
It looks good in Browser. In the Mobile Version there will broke the Thumbnails after Several and a white space apprears.
Please help out with this little issue!
Rafael
-
This topic was modified 10 years, 11 months ago by
Fritz_Ott.
Hi,
Can the Gallery captions on mouse-over be removed? I want them on the larger images but not on the thumbnails!
Thanks
Brian
History:
Dear My first topics:
i would like to remove the thumbnail navigation at the bottom of my layer slider WP
http://www.albertoadonai.com/AA/?page_id=652 … but only on mobile device and keep the right and left arrows on each side of the image for navigation on the mobile.
All is right on PC screen. I want modify only on mobile.
is this possible?
thanks
After Rikard reponse
Please try the following in Quick CSS:
@media only screen and (max-width: 767px) {
.page-id-652 .ls-thumbnail-wrapper{
display:none !important;
}
}
Regards,
Rikard
After modify in Quick CSS:
ON PC screen right and Now on the mobile devise is all right but in tablette samsung and Iphone device don’t show the layer slider and I don’t know if is there the same probleme on the IPAD.
Thanks
ADONAI
-
This topic was modified 10 years, 11 months ago by
AdonaiAR.
Hi!
I’m sorry but you didn’t follow the instructions.
Edit config-templatebuilder > avia-shortcodes > magazine.php, find this code on line 558:
if(empty($this->atts['thumbnails']))
{
$image = "";
$extraClass = "av-magazine-no-thumb";
}
Below, add this:
$excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( 'avf_magazine_excerpt_length' , 10) , apply_filters( 'avf_magazine_excerpt_delimiter' , " "), "…", true, '');
Please check it carefully.
Regards,
Ismael
How I can hide the Alt Text from photos gallery thumbnails when moving the mouse pointer over an image?
thanks
Hi Andy,
Those arrows only go from one portfolio to the next, not one photo to the next in the same gallery.
The only way to make it work on mobile is to change “gallery” to “slideshow” in the portfolio entry. Then I lose the thumbnails completely and I really like the look of them.
I’ve set up the Deep Run entry as slideshow and the Tucker entry as gallery. Would love to have navigation arrows on all devices while still using the thumbnails.
-
This reply was modified 10 years, 11 months ago by
larrywillisva.
Hi guys,
getting the images to line up properly, resize automatically, look correct in the woocommerce shop inside enfold if driving me crazy.
the site to check it out is here:
http://bellussi.com/shop/belcanto
The issue is this: on the product listing page all the images have different heights and do not line up properly. For some reason some image I can see the whole bottle and these are higher but if I add a new image it zooms in and some ne only part of the bottle.
Then on the product page I have a huge image – I would like to see only about 60% of the image.
I tried paying with the image size settings (see screenshot) but whatever I put nothing changes. Yes, I also regenerate the thumbnails each time and this takes HOURS, so I even delete and reload the image only for one product to test image sizes only on that image until I find the right size. but as I said, nothing happens.
PS I’ wondering if the issue is more complex because for example as you see in the settings page I have set 3 columns only but I have 4 columns on the page anyway.
Any help on how to make it look like a proper image?
Thanks.
SETTINGS:

Sample Layout:

-
This topic was modified 10 years, 11 months ago by
jenki.