-
Posted in : ArtFlow
-
Home 4 Lost Effects when I changed the Explore link from pixelwars via Elementor. Tried to change it back but it’s still not working. In any case, we need it to run from our site not pixelwars.
what am I missing?
Note: I also sent a contact email since the form entry slot for the license was near invisible on my browser.
Is there some place to enable the effect for the home page?
For reference, Home 4 should look like this – https://themes.pixelwars.org/artflow/demo-01/home-04/It’s labeled “Home – Glitch Image FullScreen” on this page – https://themes.pixelwars.org/artflow/
Actually Home 04 is “Home – Background Slides” – https://themes.pixelwars.org/artflow/
Do I need Elementor Pro to enable on our website?
Hi,
Thanks, and apologies again for the wait.The good news is that this is straightforward to fix. On ArtFlow, each homepage animation is applied through the page Template — not through the Elementor content. You can see it in the page settings panel on the right, under “Template”:
The full-screen glitch effect (the layout with the “Explore” link and the artist intro) is our Home 03 demo, and it uses the template “Homepage Glitch Image Cover”.
The background-slides effect is our Home 04 demo, and it uses the template “Homepage Bg Slide Speed Up”.So the page you edited — the one with the Explore link — is actually the Glitch Image Cover layout. That’s the key, because it tells us the effect comes from the Template setting, not from anything inside Elementor.
To get the effect back:Open that page in WordPress (Pages → your homepage).
In the Page panel on the right, find the Template setting and select the option you want — “Homepage Glitch Image Cover” for the glitch effect, or “Homepage Bg Slide Speed Up” for background slides.
Save.When an ArtFlow homepage suddenly loses its effect, it’s almost always because this Template got switched back to Default during editing. Re-selecting the correct template restores the animation. Editing the Explore link’s URL in Elementor is completely fine and won’t affect the effect, as long as the Template stays set to the right option.
On Elementor Pro: you don’t need it. These animations are built into the theme and run on the free version of Elementor, so Pro isn’t required for any of the demo effects.
On running from your own site rather than pixelwars: as long as the demo content was brought in through the theme’s importer, the images and assets sit on your own installation and won’t load from our demo server. Just make sure the Explore link points to your own page (or to “#” if it’s only meant to scroll the page down).
I also noted your message about the license field being nearly invisible in your browser — thanks for flagging it, and for emailing. We’ll look into why it’s displaying so faintly, and we can continue that part over email.
Thanks,Serkan
Thanks for the info. We switched to Home 03 when we could not get “Homepage Bg Slide Speed Up” – Home 04 working.
I tried salvaging the existing Home 04 but Elementor gallery seemed to over-ride the effect. Deleting the Elementor gallery and adding our own or simply creating a new page with the template worked fine.
Only isssue with the “salvaged” Home 04 is the footer is not at the bottom of that page.https://staging2.artworkontheweb.us/home-04/ – new gallery
https://staging2.artworkontheweb.us/homepage-bg-slide-speed-up/ – new page with templateOn the page we built uisng the template, the images are only partially shown. Do we need to set something in the gallery for less zoom and hopefully show more of the image? Is there a recommended size for the images in the gallery for this effect?
https://staging2.artworkontheweb.us/homepage-bg-slide-speed-up/
Hi,
Glad the fresh page with the template brought the effect back — that’s the right way to do it.
On the footer not sitting at the bottom of the salvaged Home 04 (/home-04/): this is fixable from your side in a couple of steps. It happens when the page ends up shorter than the screen, so the footer rides up with empty space beneath it. To sort it:
– First, open the page in WordPress and check the Template setting in the Page panel on the right — make sure it’s still “Homepage Bg Slide Speed Up”. If it slipped back to Default during editing, the full-screen hero won’t render and the footer rides up. Re-select it and save; that alone usually fixes it.
– Then open the page in Elementor and delete any empty or leftover sections from the original gallery edit — those add stray height and gaps.
– If a section is still short, edit it → Layout → Height → “Fit To Screen” (or set Min Height to 100vh) so it fills the viewport and pushes the footer to the bottom.On the images only showing partially on /homepage-bg-slide-speed-up/: that’s by design rather than a bug — the Bg Slide Speed Up template uses each image as a full-screen background with a slow zoom (the “speed up”), so it’s scaled to fill the whole viewport and only part shows at a time. The demo behaves the same way. There’s no setting to “unzoom” it, but the source images make a big difference:
– Our demo images are 1920×1920 (square) — matching that gives you the closest result to the demo.
– If you’d prefer a slightly wider crop, 1920×1280 also works well.
– For Retina / high-density screens you can use double those dimensions (around 3840px) for extra sharpness — just compress them so the page stays quick to load.
– Keep all slides the same dimensions so they crop consistently from one to the next.If you ever want to show each piece fully uncropped, a standard gallery or portfolio template would suit that better than the full-screen background slider — happy to point you to one.
Thanks,
SerkanThanks for the info.
I was pretty sure I created full page background slideshow page but I can no longer find it and used template – Elementor Canvas but can no longer find it. Perhaps it reverted back to the default canvas.
I think the build went something like this: https://www.youtube.com/watch?v=LRVOyvfTWtw
Here’s the full page background slideshow page I created.
https://staging2.artworkontheweb.us/full-page-background-slideshow/Hi,
No worries — you’re actually closer to done than it feels. There have just been two different methods in play at the same time, and that’s what’s made it seem like pages keep disappearing. Once the two are separated, this gets much simpler.
There are two separate ways to get a full-screen background slideshow on ArtFlow:
1) The theme’s built-in version — the “Homepage Bg Slide Speed Up” template. This is automatic, but it always fills the screen and crops each image, with a fixed slow zoom. There’s no setting to control the crop or the zoom. (This is the route behind /home-04/ and /homepage-bg-slide-speed-up/.)
2) A custom Elementor version — exactly what the YouTube tutorial shows: a section using Elementor’s own Background Slideshow, on a blank “Elementor Canvas” page. This is the route behind your new /full-page-background-slideshow/ page.
The key thing that’s been causing the confusion: these two are controlled by completely different settings.
– The theme effect comes from the Template dropdown, in the WordPress Page panel on the right.
– “Elementor Canvas” is not a page that can be lost — it’s a Page Layout option. If it “reverted to Default,” the page simply goes back to showing the normal header and footer. To set it again: edit the page in Elementor, click the gear/settings icon at the bottom-left, then Page Layout, then Elementor Canvas. (On Canvas there’s no theme footer at all — which is also why the earlier footer-at-the-bottom question doesn’t apply to this particular page.)Now the good part, for what you actually wanted — showing more of each image instead of a tight crop. Your custom Elementor page is the better route for that, because Elementor’s Background Slideshow gives you a control the theme template doesn’t have:
– Select the section, go to the Style tab, open the Background (Slideshow) settings, and find Background Size.
– Contain shows the whole image, nothing cropped (you may see some space around it).
– Cover fills the screen and crops the overflow.
– In the same place you can switch the Ken Burns Effect off if you’d rather not have the slow zoom at all.
– To make the section truly full-screen, select it, go to the Layout tab, and set Min Height to 100vh.To stop pages going missing: every page you’ve made lives under Pages in wp-admin, including drafts — that’s the full list, so nothing is ever actually lost. And the cleanest way to end the confusion of several candidate pages is to pick the one you want and set it as your real homepage under Settings → Reading → “Your homepage displays” → A static page → choose the page. After that there’s a single homepage, and the leftover test pages can just be deleted.
So the one thing to decide is which route to commit to: the theme’s built-in template (simplest, but cropped with a fixed zoom), or your custom Elementor page (a little more work, but full control over the crop and the zoom).
Thanks,
Serkan
You must be logged in and have valid license to reply to this topic.