Hi Delphiine!
Ahh, I see what you mean now that the word issue has been cleared up. I was very confused originally. It looks like the topic got closed automatically for some reason but that isn’t really possible with that element. You could probably use a single image or a Easy Slider element for the large image and then for the smaller thumbnails use the Logo/Partner element which lets you define a link for each image.
Best regards,
Devin
Hey SpyderSpy6!
In the themes functions.php file all of the thumbnails that the theme tries to generate when you upload a photo are listed out:
$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']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry
$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
}
In general bigger is better since getting sized down wont cause loss of quality where stretching to fit will.
Cheers!
Devin
Hey!
The images look fine and they are not blurry. The image dimension are 845×684. This is enough for the ajax preview images container.
Regards,
Ismael
In Masonry, there is a field in the form for filling out the alt attribute for each img. However, the alt text is not rendered in the source code.
Visit here: http://kriesi.at/themedemo/?theme=enfold
Viewing the browser’s source code echoed by masonry_entries.php, the first Iphone thumbnail in the upper left corner renders this:
<div class="av-masonry-image-container" style="background-image: url(https://kriesi.at/themes/enfold/files/2013/04/dash-iphone2.jpg);">
<img alt="" title="" src="http://kriesi.at/themes/enfold/files/2013/04/dash-iphone2.jpg">
</div>
Q1. Since I’m filling the alt text in the Masonry form, how do I get masonry_entries.php to render the alt text in the final HTML that’s seen in the browser? It’s not there.
I need the alt text for numerous reasons. Site development is on localhost here, so I do not have a site online for you to visit. It is irrelevant because my code is identical to the code above.
You have a hack that gets the “title” attribute to render in the HTML here:
https://kriesi.at/support/topic/display-media-item-title-in-the-lightbox/
It works great.
Q2. Can you duplicate this for the alt attribute?
There is no function in masonry_entries.php that retrieves the alt text from what I can see. Is there another function inside another file that retrieves it. At the bottom of the URL link above, Dude indicates that the alt text is retrieved by default for the lightbox captions in Masonry. Where and how does it do that in the source code?
Thanks for your help.
Hi,
You closed my thread but I didn’t have any answer about my question.
The last person helped me to understand that I used the wrong word to explain my query but he didn’t give me an answer.
So I still want to know if on the gallery module it is possible to have the gallery without the thumbnail under the big main square.
Is it possible via css? Or by customization? Or not at all?
Kind regards,
Delphine
This reply has been marked as private.
Hi
In Portfoilio items you have the option to put a preview gallery :
“Ajax Portfolio Preview SettingsIf you have selected to display your portfolio grid as an ‘Ajax Portfolio’ please choose preview images here and write some preview text. Once the user clicks on the portfolio item a preview element with those images and info will open.”
At this point there is no option to set the image size.
Just the option to assign images over media-library.
The images shown in the frontend are totally blurred – independendally from the numbers of colums we have choosen.
http://axellauer.de.www290.your-server.de/portfolio/
how do i get images wich are not blurred?
BTW: just to avoid discussions….this uses the *un*-edited custom-post-type from Enfold -the portfolio.
Hi rednovaMeUp!
Edit the portfolio item them look for “Overwrite Portfolio Link setting”, set it to “Define custom link”. Add the url of a youtube video or vimeo video. The portfolio images or thumbnail will open the video in a lightbox once click.
Best regards,
Ismael
Hi!
You can change the sizes using custom CSS as well but then your images would be blurry. Then you can regenerate them using http://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Yigit
Hey!
Please add following code to Quick CSS as well
.post-grid { padding: 5px; }
If this is not what you meant, please post a screenshot :)
Best regards,
Yigit
Hi lakecoast!
If you’re expecting the full screen slider to change size when you select a “Slideshow Image Size” then you’ll be disappointed. The thumbnails that are use on your slider are correct since the original size of the images are 1500x600px and you set “Slideshow Image Size” to “No Scaling”. The “Slideshow Image Size” option refers to the thumbnail size that is going to be use on the full screen slider but it will not change the dimension of the actual slider.
Cheers!
Ismael
Hello Yigit
Thanks for the instant help. What you gave me is very cool and I am going to use it. But I was not clear:
I want to add some white space between the thumbnail and the border which goes around each thumbnail and caption. Thanks
Rob
Hi rdswestnet!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .isotope-item { padding-right: 10px; }
Regards,
Yigit
http://responsivebeach.com/example-websites/ I would like to create some white space around the thumbnails in this portfolio grid set to “no scaling”. Can anyone give me the css for this? Thanks
Hi Niels,
Thank you for your help!! I understand where it could have been confusing..Your right I’m not a native english..
The thing is my enfold is translated in french so when i select the gallery it tells me in french “big picture with “vignette” underneath” and I was sure in english I had already seen that word and thought it was the right one. But you are right, I mean thumbnail !!! ;-)
Won’t make the same mistake again now. Thanks for explaining me what a vignette was in English, it was really helpful and interesting.
Cheers
Delphine
Hello Delphiline,
I’m a bit of an Enfold ‘newbie’, but read the support section for tips and advice.
From reading your question, I think that maybe you are using the word ‘vignette’ where perhaps you mean ‘thumbnail image’?
I suspect that English is not your first language – a ‘vignette’ is an effect used on a picture, where the edges fade out gradually to white (or any other colour), giving a very soft look to the image.
A ‘thumbnail’ is a small image, often used in galleries to save space on the page. Users click on the small ‘thumbnail’ to show the larger image – as in the Enfold gallery example JPG you’ve linked to.
Hi tomerus!
No, WooCommerce product pages do not support a different layout. The sidebar will always show up on the left side underneath the product thumbnails.
Best regards,
Peter
Hey!
If you want them to be an exact size every time then you would need to upload them at that size or with the exact same proportions. WordPress has somewhat poor performance if you are picky on very specific image output for automated thumbnails.
If you’ve changed a thumbnail size or added in a plugin that has done it then you would get different results from one post to the next (in between the change).
You would need to regenerate the thumbnails with http://wordpress.org/plugins/regenerate-thumbnails/
Right now I’m not even sure what is getting output as there is some other plugin modifying the image output size that beyond what the theme would.
Best regards,
Devin
This reply has been marked as private.
Hey reisp!
I’m not sure if you can change the crop position for each image individually but this plugin: http://wordpress.org/plugins/thumbnail-crop-position/ will help you to change it (at least for all images but maybe you can also select the images somehow). By default wordpress will center crop all images and you can’t change the crop position of the generated thumbnails manually.
Regards,
Peter
Hey!
Please try to insert following code into the quick css field to fix the issue
#top .alignleft a, #top .alignleft a:hover, #top .alignleft img, #top .alignright a, #top .alignright a:hover, #top .alignright img, #top .aligncenter a, #top .aligncenter a:hover, #top .aligncenter img{position: relative;}
Regards,
Peter
Hello. Thank you for a wonderful theme!!
I have a few queries I was hoping you could assist with.
http://test.inlink.com.au/blog-grid/
For the Blog/news page – after the excerpt text I would like to have the ‘Read more →’ text to appear for all blog articles. Because at the moment there is no clue as to there being more content to read (especially for mobile and tablet view). Is this possible? If so how would I do this?
http://test.inlink.com.au/portfolio/
For some portfolio items I will have video as a link, for others there is nothing more to show. Is there a way that I can be selective to stop the portfolio items linking through to the full portfolio post page – perhaps in the custom link for the items that I don’t want to link through? I tried just putting ‘#’ in the field, but the link still goes through to the full portfolio page. So that for some all that is seen is the thumbnail.
Many thanks,
Alison
I would like to use square images instead of the crops the blog is creating.
I’d like to continue using the current crops in the portfolio pages, but got the blog grid thumbnails, I’d like to use squares instead.
I see in the functions.php file that there are horizontal aspect ratio images being created, and I assume the grid blog is using these. I’d like to have it just use the WordPress default “medium” or some other square format.
I can’t seem to find where in the loop the image size is being called, can you point me in the right direction?
Great idea, thanks! I’ll use that.
I have another question – is there any way to display thumbnails on the easyslider? We want a slider in a 1/3 column and I’ve used the easyslider so far but the client wants to display thumbnails constantly.
Hi Ismael,
I discovered it was the plugin 404 redirected stopping it from working.
I have adjusted the settings now and it works. Thank you!
Just one more question. I am starting a blog on my site (www.interiorinnovations.com.au)
I was wondering if I could tweak the look of the blog.
1. Enfold has a large feature image in the blog pages. Can I remove this but keep the thumbnail image in blog search?
2. Can I remove the link for author name (if this is possible)
3. Also can I extend the display area to be a larger width?
http://s7.postimg.org/i28vr3ljv/Fix_Blog.jpg
Thank you Ismael!
I am trying to use the WP edit function on images to try to select the thumbnail that it displays on the blog roll page. But it does not seem to be working. Is there another way that I can manually select what part of the image that the thumbnail is created.
This reply has been marked as private.
Hello Ismael,
The site is being built in a sub-directory and loads a little slowly: The 4 thumbnails are on the home page:
http://nzcreation.com/cgi/wp/
I created 4 columns in Advanced Layout Builder
In each case I
– added a text block
– opened text box
– added two lines of text
– clicked on Media and brought in the thumbnail image with ‘centered’ position chosen
Thank you,
—Freeethinka
-
This reply was modified 12 years, 3 months ago by
freeethinka.
Hi!
I’m not really sure what you are asking. The portfolio settings are up to you to set or re-set however you want. So if you want to change the thumbnails you can. If you want to change out the ajax content you can change that out as well.
The default dummy data is just there as an example. The images that it shows are all chosen by the ajax content meta box under the visual editor and are different than the single portfolio images.
Regards,
Devin