Cze??! Mam problem ze sliderem, nie wy?wietla si? na stronie, ale w elementorze ju? tak. U?ywam wtyczki OoohBoi Steroids for Elementor
]]>Will only show full images on hover otherwise no images get shown.
Running 2.1.6 OoohBoi Steroids for Elementor
WordPress: 6.6.2
Elementor: 3.24.5 Elementor Pro: 3.24.3
]]>Hey Damir / @ooohboi
We have identified additional outdated code in your plugin (Schemes, calls to Swiper 5 & waypoints.js) that will be removed in the next version of Elementor, thereby causing issues for our shared users. We would like to offer to make these fixes by submitting PRs. Could you please grant us access to your Github repo (currently private) so we can submit the necessary PRs? Please email rebeccam AT elementor DOT com. We’re committed to ensuring our shared users are not affected and are happy to handle the updates now and going forward.
Cheers, Verdi.
ps. the title is of course a nod to you post on our repo ?? ??
]]>Hello.
These strings use the?esc_attr()?function and is not translated:
Thanks.
]]>Hello OoohBoi,
there is a strange behaviour in Feirefox (not in Crome or Safari). The slider is sometimes not displayed at all, even after a simple page refresh. Strangely, no error message appears in the browser console. This error occurs very sporadically, sometimes you have to refresh the page several times in a row to reproduce the error.
I have found out that in such cases certain class names (swiper-slide-visible swiper-slide-active) are missing on the slide element. To be able to display at least the first slide, I added the following CSS
”’
.swiper-wrapper .swiper-slide:first-child {
visibility: visible;
}
”’
I look forward to hearing from you.
Thank you very much for your help.
Hello i would like to know if its possible to show a bit of the next/previous slides when viewing multiple.
For example, if viewing 3 slides, 3 would be centered, a bit of the previous/next one would show on the left/right edges respectively
Thanks!
]]>Hello there, since the last update this morning, the glider is missing on 2 websites. Version 2.1.6 which should have a “Fix for the disappearing ‘Glider’ slider”. Yet the slider is missing.
Any news or updates?
Hi there,
Is this plugin still supported, please?
]]>I need help with steroids for elementor plugin. I want to show Pseudo elements on hover. Currently, Steroids has no option to choose hover settings. I tried these custom css- .ob-pseudo-before.hover, .ob-pseudo-before>hover, hover.ob-pseudo-before. Nothing works.
Please let me know if there is any possible solutions.
]]>I’m using glider for a couple navigation items on the page. When you hover over an item (eg. ‘clay tiles’) it will bring up a navigation option that uses glider. When you select the item on the left hand column it should bring up the correct slide.
It worked perfectly until a recent update, and now it only loads if you load and refresh the page.
Has anybody else experienced this before? Or have any suggestions?
]]>i’m using your teleporter on a site that i’d like to enable the feature ‘flexbox containers’ for some loop grids i am creating, but when i enable it in the settings, my teleporter doesn’t do the teleporty thing anymore. will this work eventually? anyway to MAKE it work?
]]>Hi,
Lately I’ve been trying to implement Barba JS in my Elementor site. By now I’ve:
– Enabled Barba in the “Steroids for Elementor” plug-in
– Succesfully added “data-wrapper” and “data-container” tags
But now I’m getting stuck. I’ve found and implemented the script used on this page: https://ooohboi.space/barba/barba-main-page/ but without results.
This is the script I implemented:
<script>
;
(function() {
document.addEventListener("DOMContentLoaded", () => {
gsap.set('.ob-barba-loader', {
scaleX: 0,
rotation: 30,
xPercent: -5,
yPercent: -50,
transformOrigin: 'left center',
autoAlpha: 1
});
barba.hooks.beforeEnter(({current, next}) => {
// Set <body> classes for the 'next' page
if (current.container) {
// // only run during a page transition - not initial load
let nextHtml = next.html;
let response = nextHtml.replace(/(<\/?)body( .+?)?>/gi, "$1notbody$2>", nextHtml);
let bodyClasses = jQuery(response).filter("notbody").attr("class");
jQuery("body").attr("class", bodyClasses);
// ELEMENTOR
// Where the magic happens - this loads the new Elementor styles and removes the old styles
if (bodyClasses.includes("elementor-page")) {
let currentPageId = current.container.querySelector(".elementor").getAttribute("data-elementor-id");
let nextPageId = next.container.querySelector(".elementor").getAttribute("data-elementor-id");
let oldScriptURL = "https://validgraphs.com/wp-content/uploads/elementor/css/post-" + currentPageId + ".css";
let newScriptURL = "https://validgraphs.com/wp-content/uploads/elementor/css/post-" + nextPageId + ".css"; // Add this for cache fix: ?cachebuster=' + new Date().getTime()
console.log('Old css: ' + oldScriptURL);
console.log('New css: ' + newScriptURL);
console.log(current.container);
const oldElementorScript = document.querySelector('link[src="' + oldScriptURL + '"]');
if (oldElementorScript) {
oldElementorScript.remove();
}
loadjscssfile(newScriptURL, "css");
}
}
});
barba.init({
debug: true,
timeout: 5000,
transitions: [{
async leave() {
await loaderIn();
},
enter() {
window.scrollTo(0, 0);
loaderAway();
}
}]
});
});
loaderIn = function() {
// GSAP tween to stretch the loading screen across the whole screen
return gsap.fromTo('.ob-barba-loader',
{
rotation: 10,
scaleX: 0,
xPercent: -5
},
{
duration: 0.4,
xPercent: 0,
scaleX: 1,
rotation: 0,
ease: 'power4.inOut',
transformOrigin: 'left center'
});
}
loaderAway = function() {
// GSAP tween to hide loading screen
return gsap.to('.ob-barba-loader', {
duration: 0.4,
scaleX: 0,
xPercent: 5,
rotation: -10,
transformOrigin: 'right center',
ease: 'power4.inOut'
});
}
// This function helps add and remove js and css files during a page transition
loadjscssfile = function(filename, filetype) {
if (filetype == "js") {
//if filename is a external JavaScript file
const existingScript = document.querySelector('script[src="${filename}"]');
if (existingScript) {
existingScript.remove();
}
var fileref = document.createElement("script");
fileref.setAttribute("type", "text/javascript");
fileref.setAttribute("src", filename);
} else if (filetype == "css") {
//if filename is an external CSS file
const existingCSS = document.querySelector(<code>link[href='${filename}']</code>);
if (existingCSS) {
existingCSS.remove();
}
var fileref = document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", filename);
}
if (typeof fileref != "undefined")
document.getElementsByTagName("head")[0].appendChild(fileref);
}
})();
</script>
I’m sure the links in this script are correct. This is where my css is stored: “/wp-content/uploads/elementor/css/post-“
I’ve added the div with the styles implemented on the Barba site of Ooohboi.
The problem now is that the page transitions are not visible and I’m not even sure if the Barba works. Am I missing some steps? Somebody who can help me with a step-by-step tutorial? I’m totally lost. Thanks in advance.
Link to the pages optimized for Barba: https://validgraphs.com/contact
https://validgraphs.com/projecten
Edit: I’ve also tried adding namespaces and disabling cache.
Hello,
When I activate the plugin it appears be a wide space under the footer, please can you let me know how to solve it? This happen only on the home page, all the other page are fine. Not sure how is possible, as I am using a Elementor footer template for all the pages.
Thanks
Hi Ooohboi
I need to downgrade the plugin from 2.1.6 to 2.1.4, because I upgraded by error and the new version is not compatible with my Elementor.
How can I do this in a safe way? I′m afraid to loose all the old Steroids settings I made in layout templates ??
Deactivate or uninstall the current version? Or better try to replace the plugin using FTP? Please help, this is the first time this has happened to me.
Does the Locomotion GSAP implementation work with the latest version of Elementor? I understand elements of Steroids for Elementor like Breaking Bad do not work with the new containers, but I’m trying you Training file for Locomotion & Scroll triggers, and it’s going haywire.
Many thanks
]]>This is a general comment to note that the developer has not been responding to queries. And that the plugin is not suitable for use, and has caused a number of issues on sites, following the recent WP updates.
Failure of the developer to respond or take meaningful actions in the right direction, remediating the issues, will result in he and the plugin being flagged/reported to WP.
]]>Hey. Unfortunately, with the new Elementor containers feature I and other users are seeing incompatibilty with BREAKING-BAD. As soon as you turn on containers, all BREAKING-BAD settings fail and do not convert into the containers. For example, if I set columns at 50%, custom heights, widths, or links, all of that is LOST (i.e., it does not convert widths, heights into the new container settings). If you turn on containers, you can’t even see the BREAKING-BAD settings to be able to write them into the containers. Please can you let us know if you are going to find an solution here? I have 20+ sites using BREAKING-BAD settings, 5+ pages per site, and tens of columns per pages, and multiple settings per column. So that would be 1,000s of settings changes.
]]>For the 1 star guys…
Everyone who thinks “doesn’t work“
Breaking bad is for Css GRID (pointless to use it with Flexbox)
Everyone who thinks “lack of support“
It’s a one-man band, but feel free to support him and you will get premium support.
I’m just a user, no connection between me and the developer.
Have a good day.
]]>Hi,
I’ve got a problem when i was experimenting with a smooth scrool feature using OoohBoi Steroids for Elementor. When smooth scroll is turned on i can’t use the background attachment: fixed. The background moves with the page no mater what. When i turn off the scroll, it starts working again.
Anyone got fix for that?
Thanks in advance
I have a container with some child containers, but glider seems broken with all the child container content which looks fine when glider not enabled is then shifted to the left. Any news on a fix? Loved this plugin for some time, I even donated, but finding lots of issues of late.
]]>Hi, I have my home page with OoohBoi Steroids features, but when I add and activate the WooCommerce plugin, these designs disappear as well as the Steroids tools, what can be done? Thanks
]]>I have been trying to setup a teleporter section on elementor but the teleporter setting of ooohboi steroid is not present (missing).
I have checked the plugin and its activated and the teleporter setting is also activated but it won’t appear on elementor.
Hi There – the Plugin does not work with the new “Elementor Containers”.
Is an expansion planned here?
Beste Regards
]]>Hi there,
I just finished setting up a page with this amaaaazing extension-kit but shortly after Elementor released a new update. It already warned me in advance about compatibility problems with steroids for Elementor but when updating it I saw that all the parts built with the Steroids extensions (to be fair, I didn’t checked all of them but the Glider sections were gone for sure) were pretty much crashed. (I re-installed the last backup so the site is running)
Since then I waited for an update on the Steroids plugin as I guessed that this issue will be commonly seen and be soon solved. But now I decided to bring it to the developer’s team attention myself as I start seeing problems with the page/Elementor and I would loooove to update it AND keep using the Steroids plugin.
Do you have the same problem? Did you solve it in a way which might be useful for me?
Thank you!
Hi Oooh Boi,
im using your plugin fo GSAP scroll trigger but i have this issue form my console “GSAP target null not found ” gsap.min.js?ver=2.1.5:10
How can i solve it ?
Best regards,
Antonio.
]]>Hi there,
The clip path property doesn’t appear to be working when entered within the Poopart settings (overlay/underlay, within the settings of a text element).
The same clip path code works great for an image element via Photomorph, however when using for a Poopart background image (overlay/underlay) within another element (Poopart is enabled for a text editor element) the clip path doesn’t appear to work?
The code being used is as follows from the Clippy website (works for Photomorph):
clip-path: circle(100% at 100% 0);Any help would be much appreciated!
]]>FYI TABBR removes links for the content. Let me know if a fix for this is possible?
]]>Hi.
I’m creating a new web and since last Elementor update (I don’t have any other plugin apart from Steroids) my gliders are working weird.
If I have 3 columns (Elementor Flexbox Containers) and activate Glider, the result is one first slide showing the 3 full columns and two blank slides. If there is 5 columns, then the first slide shows the 5 columns and the other four are blank slides.
My system is Windows 10 Pro 22H2 and the issue is the same with Chrome 113.0.5672.127, Firefox Developer 114.0b5 and Edge 113.0.1774.42. Console doesn’t show any error. Elementor Upgrade Swiper Library disabled.
Do you have any idea of what’s going on here?
Thank you in advance.
PD: two screenshots for your eyes.
]]>Hooveranimator is not working in front-end. In Elementor editor it’s working just fine. In the front-end not. What is causing this? Please help!
]]>Hi, When I enable glider on a section, it becomes Blank both backend and front end…
Any Ideas?
Php8.2
]]>