Create Vibrant Gradient Backgrounds in Elementor

[@nubenegra809]

never thought of using spacers... for anything until now, really nice!!!

[@vegardbell]

Cool, learned a new way to use the spacer

[@linconyudi3388]

Those kind of tips we only find here. 🤩🔥👏 Ty for this! 💙

[@WickyDesign]

Great way to use the spacer widget!

[@liamswordpresstutorials]

Looks amazing Elementor.

[@ryzeonline]

Very helpful, thank you for sharing this! :)

[@thewebstylist]

Wish we had these amazing modern styles in our Pro section imports!

[@soburwebdevs]

Very Very helpful! Love Elementor!

[@iqbalmauludy]

never thought about this before. hahaha cool!

[@skins3738]

There is no positioning tab within my Elementor. What could possibly be the reason for this? I have found inconsistencies in every single one of your tutorials making them impossible to follow and increasingly frustrating. Thank you so much for your efforts.

[@the_guidances]

Go to the layout section on top of all the advanced options.

[@skins3738]

@@the_guidances Thank you very much.

[@viniciusfroes2806]

@@the_guidances God bless you bro

[@Elementor]

Hey skins3738, Custom Positioning is now called Position and can be found under the Advanced > Layout tab.

[@frankstone]

Soooooo Creative.... thank you!

[@sherikkk]

Will using absolute positioning not cause overflow in the x-direction?

[@sergio_grez]

you can alway put this code in your CSS. I use this for every site. html, body { max-width: 100%; overflow-x: hidden; }

[@WarmMelodies]

@Elementor how did you do the “and” with a circle around it?

[@avivaelementor]

@WarmMelodies one way is to use a Heading or Text Editor widget. Then from Advanced > Layout, set a Custom width. Then scroll down to Border and choose a border and add a border radius (something like 50%). You can also Set Position to Fixed (in Advanced > Layout) and place it where you'd like, if your design requires. Let me know how it works out for you.

[@parthosarkar5270]

BRILLIANT!

[@giulianazapata7769]

EXCELENTE 😍😍🥳🥳👏🏼👏🏼 MUCHAS GRACIAS!! Sólo falta que agreguen un widget de grain 😅

[@tricks4u745]

can the colors change? (on hover, scroll...)

[@DECENTRALEYEZ]

Can this be accomplished WITH the Flexbox container setting ON? I'm trying but no luck yet. Tutorial please? thank you

[@pixelharmonie-webdesign]

Nice! 😍

[@lisa-marie1179]

Looking good! Can you tell me where you got the grain Image?

[@Elementor]

Hi Lisa-Marie, thanks! You can download it from the link in the description. Our designers custom made it for this tutorial.

[@bySterling]

So awesome!

[@SantiagoDigitalDesign]

When will Gradient Text become a standard feature? ? ?

[@TheIdolevi]

very creative!

[@HenryDubon23]

exelente tutorial, me parece demasiado util!

[@RibhuMishra-ke2ho]

The tutorial Asset link is broken!

[@LuisMeira_]

Positioning option no longer available😅

[@Elementor]

@LuisMeira_ You can find Position (previously named Custom Positioning) under the Advanced > Layout tab

[@fifty095]

Awesome !

[@chathurajayadinu]

Love it

[@talyehoshua8]

I dont have positioning option on advanced.

[@Elementor]

Hi Tal, if you're using the new Flexbox Containers feature, you'll find Position under Advanced > Layout

[@PabloLucasMarinho]

The grain texture link is off :(

[@coreykretsinger]

Your company has previously stated that the spacer widget was going to be retired. Has this changed?

[@Elementor]

Hi Corey, it was mentioned a few years ago only as a possibility. While adding space around elements with the Spacer widget is not the best practice use of it, it does have many other creative uses, as you can see in this video and in our How To Use the Spacer Widget tutorial: kzbin.info/www/bejne/oYG5poaMebxnrtk

[@meowzers4380]

Looks good, tried to follow but doesn't work, spacers create too much space on tab and mobile view

[@Elementor]

Hey Samira, can you provide more information? If you'd like to share screenshots, you can join the Elementor Facebook community: facebook.com/groups/Elementors.

[@Daemon1995_]

your statement makes no sense lmao

[@robertrondon7624]

Hola. Me crea un problema al crear colores degradados usando la herramienta de espacios, y es que, cuando creo con la herramienta de espacio y la movilizo hacia la derecha, me crea una barra de desplazamiento horizontal. ¿Cómo elimino eso? Gracias de antemano.

[@daczito]

Hi. This effect is nice, and i used it across the site. But i kinda regret it now. As everytime i try to select an item , the huge spacer widget is in the way and is blocking..

[@Elementor]

Hi Daniel, you can launch the Navigator in the Elementor editor (keyboard shortcut *Command* / *Control* + *I* ) and select your desired element from there. You can also change the stacking order of the elements with the Z index.

[@abdullahiowolabi5317]

I couldn't get it responsive, the spacers were bulging out of the mobile width, making a horizontal scrollbar appear on responsive tablet and mobile,

[@sergio_grez]

Always put this code in your CSS. html, body { max-width: 100%; overflow-x: hidden; }

[@specserge]

genius !

[@raminala3257]

OMG WOW Its FUN

[@rchz87]

When I set the positioning to "absolute" the spacer disappears. Anybody knows why?

[@muhdiibrahim]

How to make the text like that!!

[@daniellombardo6119]

It would be great to see a magical motion effect like moving the spacers on the z-index in this horizontal and vertical order: 1-3-1-2-1. But, without a combination with AE, this is virtually impossible with Elementor. That's why other visual builders like WebFlow or Editor-X are sooo much more complete, especially WebFlow is on another level. You're just a plug-in, they are a complete suite with no PHP limitations. With clouds you are slowly creating your own individual environment, right direction I think/suppose, but what we can do with other visual builders is just insane rather than Elementor. Sorry guys but for more than 800 €/year .. in my honest opinion now I can only take you into consideration, nothing else. I hope you'll come back stronger.

[@bholt35]

but you sat here and watched a ten minute tutorial....why are you here? If it's not your cup of tea, don't drink it.

[@musicplayer7336]

So important to have fun... everyone tells me that.

[@BrunoSouza]

It doesn't work very well with containers (row mode) =/

[@mygeico]

Hey, this does not work. When having created the spacer radial gradient, the borders are visible, so it stills looks like a radial gradient inside a box, the borders should not be visible for this to work. Not like in the video, pls advise!

[@frakasha24]

I think I figured it out. Ensure it's the second gradient colours location that you change to 70. I made that adjustment and it worked.

[@mohsenalizadeh1518]

fantastic🤔

[@kevinlefournis6293]

🙏🏻

[@BiaLandimGames]

MASSA

[@dmonteoliva]

❤

[@kerawelt2008]

Metzuyan !

[@Ali68g]

پشمام

[@happywebsites]

Figma, watch out 😅

[@ipellya]

Please do not block your Elementor program in Russia. We are against war. Не блокируйте пожалуйста вашу программу Элементор в России. Мы против войны.

[@benjaminoake]

Then start protesting on the streets and get Putin kicked out. I know it's dangerous but you're the only ones who can do something about. The world is a dangerous place. Not because of those who do evil, but caused by those who do nothing.

[@muzzi1984]

Hi Ivan. Im from Istanbul but I live in Manchester at the moment. You are right. This war is Putin's war. What proportion of Russians against war in Russia? Thanks!

[@ipellya]

@@muzzi1984 Against the war, it seems to me 40-50%. Many of my friends support him, now I do not communicate with them. Yes, we have brainwashed a large number of people in Russia. It is useless to explain to them, they are all zombies. Normal people who are against the war argue and swear with those who support the war. (Google Translate) Original Против войны как мне кажется 40-50%. Многие из моих друзей его поддерживают, сейчас я с ними не общаюсь. Да, у нас в России промыли мозги большому количеству людей. Им объяснять бесполезно, они все зомби. Нормальные люди которые против войны спорят и ругаются с теми кто поддерживает войну.