Forum Replies Created
-
AuthorPosts
-
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.
Hi,
For what it’s worth, what I did was made my feature images transparent png files with rounded corners.
I had animation set to Default Animation, and Blur on Hover effect. To ensure the rollover retained the rounded corners I used the following CSS.#top .av-masonry-entry * { border-radius: 20px; }
Hope this helps.
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 Rikard,
Thanks for getting back to me. I’m not sure why you’re blocked, but hopefully I can explain the situation.There is a functions.php in the child theme folder along with a JS and Shortcodes folder. Inside the shortcodes folder is “av-helper-slideshow.php”.
I noticed on your latest release notes it says:deprecated: renamed ../framework/avia_shortcodes to ../framework/legacy_avia_shortcodes – files no longer loaded
And wonder if this is why I am seeing the problem.
There’s a lot to read on the link I sent, but the function basically changes the size of a full width slider when the browser is 1500px wide and wider.
I built this site a lot time ago, and there are new features within enfold which would do the same job. For example, to place the image in a colour section and set it to be 50% browser height.As this is the second time this had happened, I get the feeling you’re constantly improving the theme and it would be a mistake to rely on legacy code.
So rebuilding these elements seems like the best way forward for the long term.I just need to know what to remove from the child theme to disable this functionality!
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.Thanks Yigit,
That worked on the home page, but when I clicked a link to another page the problem came back.
Clicking the burger menu seems to be randomly adding a # to the url.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!
That’s nearly there! It should be the other way around; so the taller image is displayed on sizes below 1500px, the wider image on sizes above 1500px. Hope this makes sense!
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!
Hi Nikko,
Maybe I need to grant access to the main site and you can access staging through there.
Please check private content.
ThanksThanks Nikko, give it a try. Fingers crossed!
Hi Nikko,
Reply below
Hi Nikko,
Sure, I did set this up a few days agoThank you Nikko.
I’ve just replaced that in the staging child theme (and emptied cache) and it’s the same I’m afraid. Sorry!For some reason some of the links on the staged version are linking to the live site, easier for me to see as the WP tool bar changes from orange to black.
The staging pages seem to be those with plain permalinks, not sure if that’s any help, but I thought it was worth mentioning.Thanks again.
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, 9 months ago by jonrouse. Reason: Enfold versions in private
Hi Nikko,
That’s a great service, I’ve just done that – link in private content. Thanks for all your help with this.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.
It seems the lines of code Josue gave me here don’t have the same attributes so I can’t apply the modifications he gave me to the latest version of av-helper-slideshow.php
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 Nikko,
Thanks for getting back to me. I have no clue when it comes to PHP and just followed Yigit and Josue’s instructions.
Have you amended the file using the admin access? If not, could you tell me where to add please?Thanks
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!Hello,
I set up a staging site and finally got the issue down to some PHP, which was given to me by Yigit in this thread.add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1); function avia_include_shortcode_template($paths) { $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/'); return $paths; }
Going even further back Josue helped me here, and the fix Yigit gave me basically allowed me to copy shortcodes/av-helper-slideshow.php and have my custom version living in the child theme. Has the name or location of av-helper-slideshow.php in the main theme changed?
This is a long story, but the client didn’t want the slider to be too big on a wide page, so Josue gave me code to switch out to a widescreen version at a certain pixel width.
Just wondering if there’s a simple fix,
Cheers
JHi,
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!
Hi Rikard/Victoria.
I was doing some digging around on your forums and noticed this thread where a user describes a similar experience.
I looked around and we have recently added a plugin for embedding Facebook videos. I deactivated the plugin and the problem went away. However, we still need the Facebook videos. Given the issue with the thread I mentioned, I wonder if there was anything going on with something caching or being optimised. It turns out there was an option for “Enqueue styles and scripts”, which I have now set to “Only when there is an embed present”.
So, thankfully I’ve been able to fix it! Thanks anyway for your efforts, and sorry that accessing the site proved to be more problematic than it should normally be.
DELETE
Hi Victoria
Will reply in the private section
ThanksHi Victoria
Thanks Rikard,
The host has limited access via htaccess file so I’m not sure it will work, but i’ll try.June 5, 2020 at 11:04 am in reply to: Icongrid – Disabled animation, but text low res until rollover #1219741Just 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; }
June 5, 2020 at 11:00 am in reply to: Icongrid – Disabled animation, but text low res until rollover #1219739One thing I noticed in web inspector is when I uncheck this
-webkit-perspective: 1000px;
It seems to improve.
-
AuthorPosts