I did it, but the code did not change the problem. The pictures look still blurred.

I added this codes in the child:
this here is for having fullsize for an image link:
function change_lightbox_size() {
return “full”;
}
add_filter(‘avf_avia_builder_helper_lightbox_size’,’change_lightbox_size’, 10);

and this is for gallery image links :
function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta)
{
$link = wp_get_attachment_image_src($attachment->ID, “full”);
return $link;
}
add_filter(‘avf_avia_builder_gallery_image_link’, ‘avia_change_gallery_thumbnail_link’, 10, 4);

>I installed the responsive Lightbox plugin and there the images are displayed in original quality. No idea why the enfold Lightbox does not…

• This reply was modified 8 years, 10 months ago by th-photography.

Hey Jordan,

Thanks for getting back to me. We just need to make the thumbnail size shorter in height, the width will stay the same.

We’d like these thumbnails: http://www.mkdev.com.au/ambleside/category/bull-sales/

To be the same as these thumbnails: http://www.mkdev.com.au/ambleside/bull-sales/

Cheers
Trent

I don’t want them to just play, but be showcased in a rotation and have people play which ones they want. I’ve seen it on other sites.

I figured it out. Looks like the auto-rotate duration for the video easy slider is only for the video images on mobile devices, not desktops. Hence it says in the description “Images will be shown the selected amount of seconds”

This is possible with mobile devices. Is there a way to do it on the desktop? I just want the thumbnails of the videos to rotate, then people can play which ones they want as they rotate.

• This reply was modified 8 years, 10 months ago by Cameron.

Hi

It works but it doesn’t do what i want so let me precise it maybe.
You have almost it. I tried the different combinations of the code.

When i go into one of the sections (item portfolio), it enlarges (which is great) put the text aside but let a thumbnail of the wider picture just besides like a gallery or diaporama.
I just would like not to have twice the pictures (one in big and another one alone in little just after).
Is it possible ?

Thank you by advance
I really thought I would never have an answer.
Ty

if I am not clear enough again, i will send you pictures of the wished changes.

Hi,

I am taking about the home page. at the fullwidth slider the caption come before the image:

the code now:

<div class="slideshow_caption"><div class="slideshow_inner_caption"><div class="slideshow_align_caption"><h2 style="font-size:37px; " class="avia-caption-title" itemprop="name">UNIART BULIDING AUTOMATION SAVING ENERGY AND CONTROL</h2><div class="avia-caption-content " itemprop="description"><p>UNIART BMS is the most powerful solution for saving energy in public buildings and industry , a pure distributed system TCP/IP based with Web SCADA software</p>
</div></div></div></div>
<img src="http://ca.catom.com/wp-content/uploads/2015/03/hp5-1030x435.jpg" width="1030" height="435" title="hp5" alt=" " itemprop="thumbnailUrl" style="left: 0px;">

the code i want:

<img src="http://ca.catom.com/wp-content/uploads/2015/03/hp5-1030x435.jpg" width="1030" height="435" title="hp5" alt=" " itemprop="thumbnailUrl" style="left: 0px;">

<div class="slideshow_caption"><div class="slideshow_inner_caption"><div class="slideshow_align_caption"><h2 style="font-size:37px; " class="avia-caption-title" itemprop="name">UNIART BULIDING AUTOMATION SAVING ENERGY AND CONTROL</h2><div class="avia-caption-content " itemprop="description"><p>UNIART BMS is the most powerful solution for saving energy in public buildings and industry , a pure distributed system TCP/IP based with Web SCADA software</p>
</div></div></div></div>

I want to switch between them and make the image come before the caption in the code.
I want it to happen to make compatibility of the code in mobile, right now it does not look good.

Tnx again,
Mor.

• This reply was modified 8 years, 10 months ago by morhai91.

Hi Rikard,

However, for some reason when looking at the posts page, the images are turned off. If I go back to Screen Options to tick “images” it does not remain ticked. So, if you log in, you may not be seeing what the initial issue was.

Can you enable the thumbnail images to show again (not sure why they are note) and you may see what the initial issue was.

Thanks

for portfolio.php

I have added the line here:

$custom_link = get_post_meta( $the_id ,'_portfolio_custom_link', true) != "" ? get_post_meta( $the_id ,'_portfolio_custom_link_url', true) : false;
				$custom_link_class = get_post_meta( $the_id ,'_portfolio_custom_link', true) != "" ? 'grid-custom-link' : '';

Also replaced line:

$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, $image_attrs )."</".$link_markup[1].">";

with line:
$output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='".$custom_link_class." grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size, $image_attrs )."</".$link_markup[1].">";

Have I missed something? Thanks again.

Thank you for the instructions, I am having some problems though as it has stopped the thumbnails from loading and the slider.

For the shortcodes.js file, I have added the 2 lines of code as follows, please let me know if this is correct.

	methods = 
			{
				load_item: function(e)
				var target = $(e.currentTarget);
									if(target.is('.grid-custom-link')) return;
				{
					e.preventDefault();

					var link			= $(this),
						post_container	= link.parents('.post-entry:eq(0)'),
						post_id			= "ID_" + post_container.data('ajax-id'),
						clickedIndex	= items.index(post_container);

@Jordan Shannon – thanks…

Your height directive has a missing ! before the important and when this is included the slider disappears, but the thumbnails remain. :-(

Is heightneeded? Or ‘auto’/’inherit’?

The padding-bottom however creates a whitespace when responsive. I’ll have to add some responsive CSS to reduce the padding-bottom at various screen sizes. Can you remind/suggest code at what sizes might be appropriate, can’t remember when Enfold switches.