How can I change and/or add a new thumbnail dimension?
Thanks!
and…
• possibility to use your social icons with a widget in sidebars or inside the widget-elements from Avia Layout Builder
+++++ Youtube +++++ :)
• Thumbnail for Videos
• Possibility to add classes to widget areas and Layout Elements
Edit (Dude): Already supported – see: https://kriesi.at/support/topic/custom-css-class/#post-169149
-
This reply was modified 12 years, 2 months ago by
Dude.
But in the meantime you can check your thumbnail and featured image sizes, and change values in Functions.php file http://i.imgur.com/LFdXdPD.jpg”
Which of these lines in the php file is the featured image on product detail page in commerce?
Hi bongoman!
Can you post the link to your website?
Regards,
Yigit
Hey!
You should add these css codes into Quick CSS that is in Enfold theme options under Styling tab, or into Custom.css file which is inside Enfold CSS folder.
We are going to need to see your website live. But in the meantime you can check your thumbnail and featured image sizes, and change values in Functions.php file http://i.imgur.com/LFdXdPD.jpg
Please note that you need to remove all images then upload them again or changes will not be effective
Cheers!
Yigit
Hey!
Yes this should be possible. Open up /wp-content/themes/enfold/includes/loop-index.php and replace
$current_post['slider'] = get_the_post_thumbnail($the_id, $size);
with
$current_post['slider'] = get_the_post_thumbnail($the_id, 'full', array('class' => "attachment"));
Cheers!
Peter
I’m finding the thumbnails too small for the blog archive using “Single author, small preview pic” layout.
I’m usng a child theme and wondering the best way to go about changing this.
Hey!
The video disappears when you hover over the thumbnail. Can you please send in the login details?
You can email it to //…
Include the word “Kriesi” on the subject. Add the link of this thread on your email.
Regards,
Ismael
Hey!
Please add following code to Quick CSS in Enfold theme options
#top #wrap_all .avia-gallery-2 .avia-gallery-thumb a { width: 111px; }
Regards,
Yigit
This reply has been marked as private.
This reply has been marked as private.
For some reason on a post I can’t get gallery thumbnails to display correctly. They are only showing up in a single column even when I add columns=”5″ to the shortcode:
http://eatdrinktc.com/farm-market-gallery-october-5-2013/
Hey slui!
Can you post the link to your website?
Regards,
Yigit
Hey DavyE!
No, the responsive layout is only based on css code and the browser will scale the original images based on the screen size. The theme won’t replace the original images with smaller thumbnails if the user reduces the viewport/screen size.
Regards,
Peter
Can’t seem to find anyway to remove these items from the pages:
On product details – get rid of the addition information box
On product details – get rid of related products (I did not associate anything in product details to link them together)
On product details – Here is the problem – I started setting up the website in Flashlight and when the images displayed in product details, both horizontal and vertical images showed up fully and correct. In Enfold, all my images are getting cropped into a square. I have adjusted size in settings>catalog>image option and removed hard crop, and added size amount. Added rregenerate thumbnails. But images are cropped and squared. I don’t get why it happens and how to change it.
On Shop page: I want to remove the sort by and display by dropdowns from showing. How do I do that?
Sorry, I would search the forum but it does not allow you to search for instance by i.e. “product detail images” for enfold only – it shows ALL theme answers. There can be way too many answers that don;t apply since they are from other themes.
Hi,
As mentioned above, I’m having problems with the thumbnail images in the gallery showing up as fuzzy. However, when I click on the images they are crystal clear and sharp.
I’ve gone thru the forums to figure out why the thumbnails may be fuzzy. Here is what I have tried so far:
1. Use the rebuild thumbnail plugin – Did not work.
2. Put the thumbnail to no scaling – Worked but the thumbnail images took forever to load
You can see an example of what I’m seeing here:

Please let me know how I can have this fixed! Thanks.
sl
-
This topic was modified 12 years, 2 months ago by
slui.
Hello
My site: http://www.adw.cl
I have a Post Slider in the sidebar. displayed everywhere widget area, page ‘Whiskypedia’.
In Firefox it is shown, but in Chrome does not appear.
This is the code I used in the widget area (type Text):
[av_postslider link='category,16,14,1,15' columns='3' items='-1' offset='0' contents='title' preview_mode='custom' image_size='thumbnail' autoplay='yes' interval='5']
Please help
Thanks!!
José
Hi!
The featured images or portfolio thumbnails on the page have a huge difference in height. It will stretch the other image in a disappointing manner if we set a specific height. Please try to use a uniform canvas on portfolio images before uploading them. You can add this on your custom.css or Quick CSS to set a max-height for portfolio thumbnails.
.attachment-portfolio.wp-post-image {
max-height: 150px;
}
Best regards,
Ismael
No worries – all fixed – I updated and disabled some plugins – all fixed!
Thanks for the response nonetheless :)
Hi!
Yes, it is Testimonials Element
Regards,
Yigit
Hi Ismael, thanks for your reply:
I want something like “What others say about us” section that is shown in demo page (home-v7-one-page-portfolio)
Are there any option in “layout builder” for this?
This reply has been marked as private.
Hey aledarbo!
Where will you use the thumbnails? Post, portfolio? You can use border-radius property to render a circle image.
http://css-tricks.com/almanac/properties/b/border-radius/
Best regards,
Ismael
Hi!
The code works on my end. These are the code and their respective screenshots on different screen width:
@media only screen and (max-width: 1000px) and (min-width: 700px)
.avia-content-slider .slide-image img {
height: 180px !important;
}

@media only screen and (max-width: 767px) {
.avia-content-slider .slide-parity-even .slide-image img {
height: 160px;
}
.avia-content-slider .slide-parity-odd .slide-image img {
height: 160px;
.avia-content-slider .slide-parity-odd.first .slide-image img {
height: 250px !important;
}
}

Regards,
Ismael
Hello!
The way images work with WordPress is that you upload the largest possible file size in the proportions that the output will use. The theme/Wordpress then create thumbnails of that image for use in various functions. With this theme you can actually pick which thumbnail gets output in the portfolio elements pop up window by selecting custom image size for the image size parameter.
The site has a login so i can’t see what you have right now but hopefully the above helps.
Best regards,
Devin
Maybe its a silly question, but I try to find for a long time how can I add circular thumbnails
Thank for your help
Even after clearing the cache and adding !important, it still behaves the same and continues to stretch the images. :( What else could it be? Or is there a way to have the images crop instead of keeping the entire image in the thumbnail?
Hi sure its http://www.dev.davidmattock.co.uk/
You’ll see I’ve made the icon bigger on the thumbnail rollovers just to test it but the icon wont change now I’ve updated the theme
Many thanks
Hello!
Please try to append an !important tag like
@media only screen and (min-width: 768px) {
.avia-content-slider .slide-image img {
height: 160px !important;
}
}
and don’t forget to clear your browser cache.
Cheers!
Peter