Create Vibrant Gradient Backgrounds in Elementor

Поділитися
Вставка
  • Опубліковано 17 лис 2024

КОМЕНТАРІ • 67

  • @nubenegra809
    @nubenegra809 2 роки тому +7

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

  • @vegardbell
    @vegardbell 2 роки тому +6

    Cool, learned a new way to use the spacer

  • @linconyudi3388
    @linconyudi3388 2 роки тому +2

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

  • @liamswordpresstutorials
    @liamswordpresstutorials 2 роки тому +1

    Looks amazing Elementor.

  • @WickyDesign
    @WickyDesign 2 роки тому +4

    Great way to use the spacer widget!

  • @thewebstylist
    @thewebstylist Рік тому

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

  • @tnsobur1783
    @tnsobur1783 11 місяців тому

    Very Very helpful!
    Love Elementor!

  • @robertrondon7624
    @robertrondon7624 9 місяців тому

    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.

  • @frankstone
    @frankstone 2 роки тому +1

    Soooooo Creative.... thank you!

  • @EdwardFajardo-ow3ns
    @EdwardFajardo-ow3ns Рік тому

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

  • @iqbalmauludy
    @iqbalmauludy 2 роки тому +2

    never thought about this before. hahaha cool!

  • @tricks4u745
    @tricks4u745 2 роки тому +1

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

  • @parthosarkar5270
    @parthosarkar5270 2 роки тому +1

    BRILLIANT!

  • @giulianazapata7769
    @giulianazapata7769 2 роки тому

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

  • @mygeico
    @mygeico 2 роки тому +1

    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
      @frakasha24 2 роки тому

      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.

  • @LuisMeira_
    @LuisMeira_ 6 місяців тому +1

    Positioning option no longer available😅

    • @Elementor
      @Elementor  6 місяців тому +1

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

  • @sherikkk
    @sherikkk 2 роки тому +1

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

    • @sergio_grez
      @sergio_grez Рік тому +1

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

  • @TheIdolevi
    @TheIdolevi 2 роки тому +1

    very creative!

  • @bySterling
    @bySterling 2 роки тому +1

    So awesome!

  • @pixelharmonie-webdesign
    @pixelharmonie-webdesign 2 роки тому +2

    Nice! 😍

  • @SantiagoDigitalDesign
    @SantiagoDigitalDesign Рік тому

    When will Gradient Text become a standard feature? ? ?

  • @chathurajayadinu
    @chathurajayadinu 2 роки тому +1

    Love it

  • @skins3738
    @skins3738 2 роки тому +1

    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
      @the_guidances 2 роки тому +1

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

    • @skins3738
      @skins3738 2 роки тому +1

      @@the_guidances Thank you very much.

    • @viniciusfroes2806
      @viniciusfroes2806 2 роки тому +1

      @@the_guidances God bless you bro

    • @Elementor
      @Elementor  2 роки тому +2

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

  • @WarmMelodies
    @WarmMelodies 6 місяців тому

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

    • @avivaelementor
      @avivaelementor 6 місяців тому

      @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.

  • @lisa-marie1179
    @lisa-marie1179 2 роки тому

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

    • @Elementor
      @Elementor  2 роки тому

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

  • @musicplayer7336
    @musicplayer7336 2 роки тому

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

  • @RibhuMishra-ke2ho
    @RibhuMishra-ke2ho 5 місяців тому

    The tutorial Asset link is broken!

  • @pablolucas1891
    @pablolucas1891 Рік тому

    The grain texture link is off :(

  • @coreykretsinger
    @coreykretsinger 2 роки тому +3

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

    • @Elementor
      @Elementor  2 роки тому +3

      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: ua-cam.com/video/kPVuSVDW4xw/v-deo.html

  • @specserge
    @specserge 2 роки тому +1

    genius !

  • @rchz87
    @rchz87 Рік тому

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

  • @fifty095
    @fifty095 2 роки тому +1

    Awesome !

  • @HenryDubon23
    @HenryDubon23 Рік тому

    exelente tutorial, me parece demasiado util!

  • @raminala3257
    @raminala3257 2 роки тому

    OMG WOW Its FUN

  • @BrunoSouza
    @BrunoSouza 2 роки тому

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

  • @daniellombardo6119
    @daniellombardo6119 2 роки тому +1

    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
      @bholt35 2 роки тому +1

      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.

  • @talyehoshua8
    @talyehoshua8 2 роки тому +1

    I dont have positioning option on advanced.

    • @Elementor
      @Elementor  2 роки тому +2

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

  • @meowzers4380
    @meowzers4380 Рік тому

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

    • @Elementor
      @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_
      @Daemon1995_ Рік тому

      your statement makes no sense lmao

  • @daczito
    @daczito 2 роки тому

    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
      @Elementor  2 роки тому +1

      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
    @abdullahiowolabi5317 2 роки тому

    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
      @sergio_grez Рік тому

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

  • @mohsenalizadeh1518
    @mohsenalizadeh1518 2 роки тому

    fantastic🤔

  • @kevinlefournis6293
    @kevinlefournis6293 2 роки тому

    🙏🏻

  • @BiaLandimGames
    @BiaLandimGames 2 роки тому +1

    MASSA

  • @kerawelt2008
    @kerawelt2008 2 роки тому

    Metzuyan !

  • @Ali68g
    @Ali68g 2 роки тому

    پشمام

  • @happywebsites
    @happywebsites 2 роки тому

    Figma, watch out 😅

  • @ipellya
    @ipellya 2 роки тому +4

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

    • @benjaminoake
      @benjaminoake 2 роки тому +1

      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
      @muzzi1984 2 роки тому

      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
      @ipellya 2 роки тому +1

      @@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%. Многие из моих друзей его поддерживают, сейчас я с ними не общаюсь. Да, у нас в России промыли мозги большому количеству людей. Им объяснять бесполезно, они все зомби. Нормальные люди которые против войны спорят и ругаются с теми кто поддерживает войну.