Create Vibrant Gradient Backgrounds in Elementor

Поделиться
HTML-код
  • Опубликовано: 28 окт 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

  • @thewebstylist
    @thewebstylist Год назад

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

  • @WickyDesign
    @WickyDesign 2 года назад +4

    Great way to use the spacer widget!

  • @linconyudi3388
    @linconyudi3388 2 года назад +2

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

  • @liamswordpresstutorials
    @liamswordpresstutorials 2 года назад +1

    Looks amazing Elementor.

  • @tricks4u745
    @tricks4u745 2 года назад +1

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

  • @tnsobur1783
    @tnsobur1783 10 месяцев назад

    Very Very helpful!
    Love Elementor!

  • @iqbalmauludy
    @iqbalmauludy 2 года назад +2

    never thought about this before. hahaha cool!

  • @giulianazapata7769
    @giulianazapata7769 2 года назад

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

  • @robertrondon7624
    @robertrondon7624 8 месяцев назад

    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 11 месяцев назад

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

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

  • @parthosarkar5270
    @parthosarkar5270 2 года назад +1

    BRILLIANT!

  • @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;
      }

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

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

  • @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: ruclips.net/video/kPVuSVDW4xw/видео.html

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

  • @TheIdolevi
    @TheIdolevi 2 года назад +1

    very creative!

  • @RibhuMishra-ke2ho
    @RibhuMishra-ke2ho 4 месяца назад

    The tutorial Asset link is broken!

  • @bySterling
    @bySterling 2 года назад +1

    So awesome!

  • @pablolucas1891
    @pablolucas1891 Год назад

    The grain texture link is off :(

  • @LuisMeira_
    @LuisMeira_ 5 месяцев назад +1

    Positioning option no longer available😅

    • @Elementor
      @Elementor  5 месяцев назад +1

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

  • @SantiagoDigitalDesign
    @SantiagoDigitalDesign Год назад

    When will Gradient Text become a standard feature? ? ?

  • @HenryDubon23
    @HenryDubon23 Год назад

    exelente tutorial, me parece demasiado util!

  • @musicplayer7336
    @musicplayer7336 2 года назад

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

  • @chathurajayadinu
    @chathurajayadinu 2 года назад +1

    Love it

  • @pixelharmonie-webdesign
    @pixelharmonie-webdesign 2 года назад +2

    Nice! 😍

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

  • @fifty095
    @fifty095 2 года назад +1

    Awesome !

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

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

  • @specserge
    @specserge 2 года назад +1

    genius !

  • @raminala3257
    @raminala3257 2 года назад

    OMG WOW Its FUN

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

  • @rchz87
    @rchz87 Год назад

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

  • @BrunoSouza
    @BrunoSouza 2 года назад

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

  • @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🤔

  • @BiaLandimGames
    @BiaLandimGames 2 года назад +1

    MASSA

  • @kevinlefournis6293
    @kevinlefournis6293 2 года назад

    🙏🏻

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