The CSS I left gives the below results, but I would suggest having the “Large Gap” in between images. I don’t think you can make the whole element have round corners, whilst keeping square corners on the individual entries.

Thanks Rikard.
I’m currently replacing the full width sliders with 50%vh colour sections.
We designed and built the site, then it was given to another company to maintain, and a year later the maintenance came back to us. In that time the other company made some changes, like adding ACF – which I have limited experience with. Nikko helped me out last year and added “function_parallel_custom_theme_scripts”. Plus some secure php. So there is quite a lot of stuff in the child theme!

I’ll make the changes and report back to you.

Hi Yigit,
As you mentioned cache, I’ve just done some digging around.
I just cleared the cache from the hosting control panel and then deactivated a caching plugin and it seems to have fixed it. The plugin was hummingbird.

Perfect, that’s working great on the staging site!

Just to check, essentially, all I need to do now is
• update Enfold on the live site
• replace the av-helper-slideshow.php in the child theme
• replace those few lines of css with what you added above?

Thank you, I owe you a beer or a cake or something!

Thanks Nikko,
I can see that something has definitely changed, so thank you. However, when I visit the pages on staging I am seeing both versions of the image stacked on top of one another. I’m guessing you’re not seeing this? Link below for reference.

Sorry this has turned into such a pain of a job!

Thanks Nikko, give it a try. Fingers crossed!

Hi Nikko,
Sure, I did set this up a few days ago

Hi Nikko,

Thanks so much for this. I added it to the child theme within the staging environment. Sadly, it is not quite working. If you check the link in the private area, it does not resize when reducing down to 1500px or less. It just uses the wide image and scales it down. This is the CSS I was provided with, do you see anything in this which needs to change?

img.img_full{
    display: none !important;
}
@media only screen and (min-width: 1500px) {
    img.img_full {
        display: block !important;
    }
    img.img_default{
        display: none !important;
    }
}

Thanks again for you patience and perseverance!

• This reply was modified 3 years, 8 months ago by jonrouse. Reason: Enfold versions in private

Hi Nikko,

My av-helper-slideshow.php doesn’t have those functions in it, it begins:

class avia_slideshow
	{
		static  $slider = 0; 				//slider count for the current page
		protected $config;	 				//base config set on initialization
		protected $slides;	 				//attachment posts for the current slider
		protected $slide_count = 0;			//number of slides
		protected $id_array = array();
		function __construct($config)

It’s the same code Yigit helped me placing into the child theme with five years ago. The code in the latest version of the theme doesn’t match up with what Josue gave me initially, which is what I’ve been using ever since (part of it looks like this):

$html .= "<img class='img_default' src='".$img[0]."' width='".$img[1]."' height='".$img[2]."' title='".$linktitle."' alt='".$linkalt."' $markup_url />";

The closest thing I can find in the new theme version is

$img_tag = "<img src='{$img[0]}' width='{$img[1]}' height='{$img[2]}' title='{$linktitle}' alt='{$linkalt}' {$markup_url} {$img_style} />";

I’ve tried to amend the new theme using the original instructions here and it broke the slider!

Really not sure what to do now. Originally the client was unhappy that on large screens the slider was virtually 100% vh. Essentially, the purpose was to change the slider height when viewing the site on larger screens. Josue helped me so that when the screen went over 1500px wide, the height of the slider changes to a scaled version of the original image, which are 3264 x 765 px. It’s been working fine for five years. You can see it working on the live site – linked below.

I’ve tried my hardest to get this to work by adding in default_args and get nothing but errors

					static public function default_args( array $sc_defaults = array() )
		{
			$default = array(
						'size'				=> 'featured',
						'lightbox_size'		=> 'large',
						'animation'			=> 'slide',
						'transition_speed'	=> '',				//	in ms - empty for default
						'conditional_play'	=> '',
						'ids'				=> '',
						'video_counter'		=> 0,
						'autoplay'			=> 'false',
						'bg_slider'			=> 'false',
						'slide_height'		=> '',
						'handle'			=> '',
						'interval'			=> 5,
						'class'				=> '',
						'el_id'				=> '',
						'css_id'			=> '',
						'scroll_down'		=> '',
						'control_layout'	=> '',
						'content'			=> array(),
						'custom_markup'		=> '',
						'perma_caption'		=> '',
						'autoplay_stopper'	=> '',
						'image_attachment'	=> '',
						'min_height'		=> '0px',
						'lazy_loading'		=> 'disabled'
				);
			
			if( empty( $sc_defaults ) )
			{
				return $default;
			}
			
			/**
			 * Override the defaults from shortcode options for backwards comp.
			 */
			return array_merge( $sc_defaults, $default );
		}

Hi Yigit,
I don’t have FTP any more, but I’ve created a login below which I hope helps.
The php on staging current has a /* */ wrapped around it
Thank you!

Hi,
After doing a bit of reading I installed Enable jQuery Migrate Helper and it seems to have fixed the problem.

The error is detailed below

https://OURWEBSITE/wp-content/plugins/page-scroll-to-id/js/page-scroll-to-id.min.js: Attribute selector with \'#\' must be quoted: a[href*=#]:not([href=#]),._ps2id,a[data-ps2id-api=\'true\'][href*=\'#\'],.ps2id > a[href*=\'#\'],a.ps2id[href*=\'#\']

The plugin actually noticed and gave me the fix which was to change the
a[href*=#]:not([href=#]) to a[href*=’#’]:not([href=’#’])

Hope this is of some use to someone!

DELETE

Hi Victoria

Just tried this in quick CSS and it seems to have fixed the problem, is it safe to use?!

.avia-icongrid-flipbox li {
-webkit-perspective: none!important;
perspective: none!important;
}