How to Create a Neumorphic Style Website in Elementor

Поделиться
HTML-код
  • Опубликовано: 14 дек 2024

Комментарии • 58

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

    UPDATE: Custom Positioning is now called Position and can be found under the Advanced > Layout tab.

  • @apakoseezekiel8293
    @apakoseezekiel8293 2 года назад +3

    Men you guys are just killing it all no gap nor loopholes whatsoever am proud to be a USER

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

      Thanks Apakose, we're proud to have you 🤩

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

    To those complaining about her pronunciation of the word “button”, she’s clearly not American, so she’s under no obligation to pronounce “button” the American way. She’s already doing a pretty good job faking an American accent to make American users more comfortable, and the tutorial is pretty useful and well executed, so maybe cut her some slack?

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

      There are no fewer than 12 American accents.

  • @smartlivingwithmuneeb6449
    @smartlivingwithmuneeb6449 2 года назад +3

    This is exactly I'm looking for.Thankyou so much elementor.

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

    in 00:29, I can see the section of this video "Join our community......", below the header, the "Email" and "Join" is perfectly done, could you explain in details how? Thanks for your help.

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

    This is super helpful, thanks!

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

    very cool, just added this effect to my social icons - I'm so fancy now!

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

      Ooooh Promo, please share a link!

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

    At 9:00 you add 40px padding to the right and 10px to the left and paste that style to the other 3 columns. Therfore the 1 column (far left) has 10px padding left and column 4 (far right) has 40px right padding. This method means that the columns don't align properly to the overall page margins. You can see clearly at 9:20 the right margin is much wider than the left. How do you handle column spacing properly?

    • @JoyNUND
      @JoyNUND 11 месяцев назад

      You can alwways "compensate" in advanced tab

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

    Very informative. 👍

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

    Nice video. @Elementor are you going to do a new Elementor Pro series? There are so many cool new features. I'd love a newer series for building a site using Elementor Pro.
    I'd love to see what you could do with a music & video heavy website...like say an artist or music producer.

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

      Hi Juan, thanks for your suggestion. We will pass it on to our content team. We currently have a number of Pro courses as well as many Pro feature tutorials and Tips & Tricks. Here are some links to check out:
      Pro Feature Playlist: ruclips.net/p/PLZyp9H25CboHOFK31de1pQ0tLLo0IJVvN
      Build a Portfolio website: ruclips.net/p/PLZyp9H25CboFLzluF9q23-sVFXvuqOLD0
      Build a Blog website: elemn.to/blogcourse
      Build an Online Store with Woocommerce: elemn.to/woocourse
      You can also find more vids by searching the word "PRO" within our channel: ruclips.net/user/Elementorsearch?query=PRO

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

    Wonderful, thanks

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

    Awesome, is this page available to view on any demo link?

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

    Great tutorial for non techies 😁👍
    Just missing the sound music background 😅

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

    Unfortunately on a white background the code does not look like in the video, do you have the option to send me a code that will be displayed on a white background?

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

    that cool video! thanx a lot! BUT! I have no "positioning" tab in advanced settings part... Why it is so and what can I do to have it?

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

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

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

    תודה רובה

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

    Thanks for the amazing tutorial, I managed to do that sucessfully. But to make the whole website unified, I have an urgent question: How to make the button on the Form Widget same Neumorphic style? Now all the buttons on my site is neumorphic style except the button on Form widget. Please help urgently! Thanks for your kind help.

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

    6:49 why did you use icon box instead of image box?

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

    Awesome 🥳

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

    Wow, she has nice voice also the content is nicely done and well explained. Thank you

  • @MdBiplobbd-ny3gy
    @MdBiplobbd-ny3gy Год назад

    I am using those effect in my runing project! Thanls elementor

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

    May We have the images? Please, give a download link of these images that have been used in this tutorial...

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

    mhan this is amazing!

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

    is there a tutorial on the element scroll effects ?

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

      Hi colbert, here are few:
      ruclips.net/video/Mc7Z_EwieWM/видео.html
      ruclips.net/video/YHpiLblRCx8/видео.html
      ruclips.net/video/5waeDUJpAMo/видео.html

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

    hope you can do the same on glassmorphism, cause there some bugs about it

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

    Great tutorial. But I thought it was advisable to use EM instead of pixels for responsive design? Your buttons (and elements in your templates) are in pixels. Is there a reason for this? Thanks!

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

      Maybe because it's just for demo purposes.

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

    great!

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

    Can you please share this Landing Page Linnk

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

    Amazing

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

    I NEED MORE SPEED, ELEMENTOR!!!

  • @x-mode4228
    @x-mode4228 2 года назад

    Can anyone please provide the typography name that's been used in this video?

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

      I think the titles are 'Space Mono' and body text 'Roboto'.

    • @x-mode4228
      @x-mode4228 2 года назад

      @@synriser6742 Thank you for replying. I appreciate it!

  • @md.nournoby4523
    @md.nournoby4523 2 года назад

    Looking for

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

    Mad Skill$! I would ❤️ if us Pro members could import these amazing modern blocks and pages!! 🙏🏻📱💻🖥🎉🌎✌🏻

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

    Please help! Still waiting for reply.

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

    Video is a year to late.

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

      Thanks for your comment, Cl. What videos would you like to see now?

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

    BUT---TON not BUT--TIN

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

      Button, not but--ton.

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

      Potato Potahto 🤭

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

      @@Elementor don't listen to em. Narrator reminds me of my Canadian buddy saying button and it's just as charming here

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

    OMG please learn how to pronounce the word 'button' properly. Other than that, very informative, thank you.

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

      The objective of video is not to teach you English but Elementor.