How to Create a Neumorphic Style Website in Elementor

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ก.ย. 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.

  • @MdBiplobbd-ny3gy
    @MdBiplobbd-ny3gy ปีที่แล้ว

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

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

  • @Lchaneyjr417
    @Lchaneyjr417 2 ปีที่แล้ว +2

    Very informative. 👍

  • @OmarWaleed
    @OmarWaleed 2 ปีที่แล้ว +1

    Wonderful, thanks

  • @IMTgallery
    @IMTgallery 2 ปีที่แล้ว +1

    This is super helpful, thanks!

  • @clementyo4526
    @clementyo4526 2 ปีที่แล้ว +1

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

  • @NickJourdan
    @NickJourdan 2 ปีที่แล้ว +1

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

  • @happywebsites
    @happywebsites 2 ปีที่แล้ว +1

    Awesome 🥳

  • @caroltafuri
    @caroltafuri 2 ปีที่แล้ว +1

    great!

  • @MIMMarketing
    @MIMMarketing ปีที่แล้ว

    תודה רובה

  • @bilalmajid8241
    @bilalmajid8241 2 ปีที่แล้ว +1

    Amazing

  • @jibransheikh7678
    @jibransheikh7678 ปีที่แล้ว

    mhan this is amazing!

  • @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: th-cam.com/play/PLZyp9H25CboHOFK31de1pQ0tLLo0IJVvN.html
      Build a Portfolio website: th-cam.com/play/PLZyp9H25CboFLzluF9q23-sVFXvuqOLD0.html
      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: th-cam.com/users/Elementorsearch?query=PRO

  • @gotta-date-with-hate
    @gotta-date-with-hate ปีที่แล้ว

    Nice video..

  • @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 8 หลายเดือนก่อน

      You can alwways "compensate" in advanced tab

  • @bySterling
    @bySterling 2 ปีที่แล้ว +1

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

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

  • @emailjough
    @emailjough 2 ปีที่แล้ว +1

    why dont the image box widget and icon box widget have responsive settings for the image/icon position??? should have been added years ago

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

  • @shroomatic
    @shroomatic 2 ปีที่แล้ว

    I NEED MORE SPEED, ELEMENTOR!!!

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

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

  • @shubhampunj7802
    @shubhampunj7802 2 ปีที่แล้ว

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

  • @jaceejoef
    @jaceejoef 2 ปีที่แล้ว

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

  • @jahidulislam7308
    @jahidulislam7308 7 หลายเดือนก่อน

    Can you please share this Landing Page Linnk

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

  • @zyedonty7250
    @zyedonty7250 2 ปีที่แล้ว

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

  • @colbertntunyu8826
    @colbertntunyu8826 2 ปีที่แล้ว

    is there a tutorial on the element scroll effects ?

    • @Elementor
      @Elementor  2 ปีที่แล้ว

      Hi colbert, here are few:
      th-cam.com/video/Mc7Z_EwieWM/w-d-xo.html
      th-cam.com/video/YHpiLblRCx8/w-d-xo.html
      th-cam.com/video/5waeDUJpAMo/w-d-xo.html

  • @md.nournoby4523
    @md.nournoby4523 2 ปีที่แล้ว

    Looking for

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

  • @UnitopChina
    @UnitopChina 2 ปีที่แล้ว

    Please help! Still waiting for reply.

  • @emailjough
    @emailjough 2 ปีที่แล้ว +1

    Elementor is teaching/promoting bad practices here. By adding 'selector' to the css and putting it in the image widget rather than in the parent column, identical css gets repeated 4x. Sloppy.

    • @mavrosyvannah
      @mavrosyvannah 2 ปีที่แล้ว

      Can you enter the alternative css code here?

    • @DidierSajnoWebDesign
      @DidierSajnoWebDesign 2 ปีที่แล้ว

      Ok, is your suggestion not the same? If you clone the column 4 times you get identical css 4 times as well or have I misunderstood your suggestion?

    • @emailjough
      @emailjough 2 ปีที่แล้ว +1

      @@DidierSajnoWebDesign My suggestion is to add the css one time into the parent column and make it reference the boxes, rather than repeat the same css 4x.

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