Oooh Boi

I just can’t put it into the picture… maybe you could do some before-after draft, like what you’re getting and what you would like it to be.

You have to get a custom ID for your swiper/glider instance!
#swiper-id is just an example in my code, you’ll replace it with your own.

Go to Steroids settings and simply disable Tabbr extension.

It’s a function, you can put it anywhere you like and call at will

This is what I did:

/* modify swiper */
function fine_tune_swiper() {
			
	let contract_swiper = jQuery( '#swiper-id .swiper-container' );
	let swiper_itself   = contract_swiper.data( 'swiper' );
		
	if( undefined === swiper_itself ) return;

	swiper_itself.params.slidesPerView = 1.2;
	swiper_itself.params.centeredSlides = true;
	swiper_itself.params.spaceBetween = 10;
	swiper_itself.params.mousewheel = true;

	swiper_itself.update();
		
}

Does that help?

The follow-up…
“max-width” IS already available with the flex container if the Content Width is set to “full-width”. No other way to make it work.

I’m still trying to figure things out. It’s not just about the simple max-width CSS property here, containers are CSS variables based and they depend/change on the Content Width input. So, I hope I’m gonna come up with something until the containers become official.

Essentially, Flexbox Containers are still in the alpha dev phase and as such not recommended for the production/live site. I just checked and all looks fine on my end.
If you’re trying to say that the cursor doesn’t change to “pointer” in the editor then the answer is YES, it won’t work in the backend. Nor does the hyperlink not work because all the outgoing links are disabled in the editor by default.

Strange. Can’t you just use something like

selector {
    cursor: pointer; /* or default or grab or anything needed */
}

I don’t see how Container Extras affect the cursor if the container Link option is disabled…

• This reply was modified 2 years, 9 months ago by Oooh Boi.

Still in heavy alpha, sorry! Working on it, no worries…

The console doesn’t tell you the script load priority, it rather writes out everything at once. Swiper/Glider should have an ID instead of the custom class name, that’s for sure. Here’s something that might help

;(function() {

    // chck if DOM is being loaded
    document.addEventListener('DOMContentLoaded', run_stuff);

    // DOM loaded, run all we got
    function run_stuff() {

        // debounce with delay
        let debounce = function(func) {
            let timer;
            return function(event) {
                if (timer) clearTimeout(timer);
                timer = setTimeout(func, 400, event);
            };
        }

        // listen to resize event with debounce, swiper requires refresh
        window.addEventListener("resize", debounce(function(e) {

            fine_tune_swiper();

        }));

        // prevent the backend error, elementor gets loaded even after the "DOMContentLoaded"
        let chck_if_elementor_loaded = setInterval(function() {

            if (window.elementorFrontend) {

                // clear interval
                clearInterval(chck_if_elementor_loaded);
                // ------------------------

                fine_tune_swiper(); // now do all the changes

            }

        }, 500);

    }

    /* modify swiper */
    function fine_tune_swiper() {

        // for instance...	
        let contract_swiper = jQuery('#your-swiper-id .swiper-container');
        let swiper_itself = contract_swiper.data('swiper');

        swiper_itself.params.slidesPerView = 1.2;
        swiper_itself.params.centeredSlides = true;

        swiper_itself.update();

    }

})();

Yes, good point! It works with the Archive posts but not with the Posts widget. Damn, how come I didn’t notice that before?!
Thanks for pointing that out, I’ll see what’s happening.

Nope! LocoScroll will hijack the normal scroller and which in turn makes the ScrollTrigger lost. There’s some sort of the “patch” but it never worked right on my end.

https://codepen.io/GreenSock/pen/ExPdqKy

All righty, thanks! Now I know the problem, the update shall be out soon, and I plan to add more options across extensions.

May I ask you for a favour? Could you please try to replace one file in your version of “Steroids for Elementor”…

… so, please download a new “ohboi-oh-animator.php.zip”
… unzip to a local drive
… on the server open “your-site.com/wp-content/plugins/ooohboi-steroids-for-elementor/controls/”
… replace an old “ohboi-oh-animator.php” with the one you just unzipped
… refresh Elementor editor, change anything in the file, save
… make a new page preview

I’m not sure but I believe it has something to do with how the extension-related JS gets enqueued remotely.
Please let me know the result, if all’s good I’ll have to push the update.

Thanks!