How to Use Absolute & Fixed Custom Positioning in Elementor

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

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

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

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

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

      I have the 3.9.2 version but even my mouse cursor icon differs with the one in the video,as I mentioned in the comments I’m not able to move or resize section,images etc. like you do.
      Im badly stuck in this situation i hope you can help me

  • @pdalencour
    @pdalencour 5 лет назад +17

    My absolute favorite part about your tutorials, is how you say, "cool" it's awesome. Never stop.

  • @splattergeistblogger1576
    @splattergeistblogger1576 3 года назад

    I dig this guy's accent! He's also directly to the point. Thanks Mr Instructor, you helped a noob immensely with this.

  • @azazahamed
    @azazahamed 5 лет назад +8

    Hi guys! Fantastic stuff! Been using Elementor over 2 years on various projects now. Please add more responsive controls such as smartphone & tablet orientation. Having an option to have multiple breakpoints for each device types ( in preview) would be a godsend!

  • @arekt2998
    @arekt2998 Год назад +2

    amazing how this feature doesn't even exist and yet you managed to make a tutorial on how to use it, congrats!

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

      @arekt2998 thanks for your comment. Please see the pinned comment in the video: Custom Positioning is now called Position and can be found under the Advanced > Layout tab.

  • @teamevovideos
    @teamevovideos 3 года назад

    I just shocked, We are using elemntor in our company for 2 years and we never knew about this feature, amazing job!!! Thansk for the video toooo!

  • @CHINASIMBA2004
    @CHINASIMBA2004 4 года назад

    Saves my time on making a floating table of content. Well done Elementor teams!!!

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

    Is it possible to change the layers on this? Meaning I want it to be moved to the back of the page so it doesn't block/disable buttons I need to be clickable. Right now I have a bokeh png floating over text and a button but it disables it.

    • @moushwuzhere4372
      @moushwuzhere4372 6 месяцев назад

      Set a z index for each object depending on the order of layering. 0=closest to the background

  • @manny_f
    @manny_f 4 года назад +8

    Unfortunately this absolute position (which probably should be called 'relative') doesn't work after zooming and the website becomes disjointed.

  • @christiaantjahhh
    @christiaantjahhh 5 лет назад +9

    I myself are very interested in all the cool background you make for your demo video's.
    Could you guys perhaps do a video on that? (Colum styling etc)
    Would be awesome!

  • @fatemefouladkar413
    @fatemefouladkar413 5 лет назад +9

    hi . I've got a problem I've been struggling with over the last 2 days. i use the absolute positioning for an image element.
    but the problem is , whenever i change the size of the screen,the position of the element changes . i know i can do the things on tablet and mobile forms, but what about different sizes on desktop screen ? I'd be so grateful if anyone helps me .

  • @joshfidel6367
    @joshfidel6367 4 года назад +3

    Does this only work in elementor pro, the fixed position is not working for me.. Any thoughts?

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

    Why I can't get my transparent background .png to actually show up as "transparent" in the image box? It just fills in a standard background (white)

  • @Santana-cp1wj
    @Santana-cp1wj 7 месяцев назад

    Hey, could you help me about the custom positioning. My custom positioning button is buried by image carousel so that it can not appear above the image carousel, please help.

  • @weepeng
    @weepeng 5 лет назад

    wow, your videos are simply life saving for me. love you a lot for all your videos!

  • @ivaniannoli5394
    @ivaniannoli5394 3 года назад

    AT 4:07, as you scroll, that pink cube animates to grow as it appears on screen. Is there a tutorial for that? If so, can you share?

  • @alexmorgan85
    @alexmorgan85 5 лет назад +2

    Such a simple looking new feature but it fundamentally changes web design for WordPress. Well done Elementor. 🔥🏆

  • @briandives7271
    @briandives7271 5 лет назад +3

    I have a question everytime I edit my website in desktop mode it changes in mobile mode how do I stop that?

  • @7barney914
    @7barney914 18 дней назад

    then how do you get the background circles gradient?

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

    Great. But how to make absolut items being responsive to other screen sizes. For example, if I put an absolut item on 27' screen size and then enter the website on 15 inch laptop, it's all going messy. How to fix that please? 🙏

  • @PetterssonProduction
    @PetterssonProduction 5 лет назад +3

    [SOLVED]
    Hiyoo! O/ So if the object still scrolls with the page having Custom Positioning Fixed, whats wrong?
    [EDIT]: Changed the theme, did a minor change on the page with elementor so I could press update, and now it works.

  • @irenepv4192
    @irenepv4192 Месяц назад

    How can i use the fixed position and add a link on it that actually works? It seems like it can't do both

  • @acradis5123
    @acradis5123 5 лет назад +2

    can fixed elements stay fixed until a certain point in the page? and then for example change to a different element? (like from a light logo to a dark logo, you get the idea)

  • @pablofrias1012
    @pablofrias1012 5 лет назад

    This is the best tutorial ever. thank you so much.

  • @cecilelebleu5984
    @cecilelebleu5984 5 лет назад

    Great! Less CSS ;)
    I love Ziv's accent, btw! Sounds like scottish but not quite. It's a very interesting, calm, and clear voice to explain a video!

    • @zivgeurts
      @zivgeurts 5 лет назад

      Thanks Cécile, what an awesome compliment! I have a South African accent 🇸🇸

    • @cecilelebleu5984
      @cecilelebleu5984 5 лет назад

      @@zivgeurts That's right! I never would have guessed, but now that you say it, totally!

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

    i beg for help guys
    I have the latest elementor pro version but mine doesn’t have the ability to move sections this easy with the mouse! I can’t move sections or widgets optionally just like the video can sb pls help me?what should i do?does it have
    any specific settings or what?

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

    Hi Great tutorial! However, on different screen sizes my elements keeps freaking out... Please help. I see in theres a comment by Fateme Fouladkar. im having the same issue and i see there was no feedback

  • @dinnasahrudin790
    @dinnasahrudin790 4 года назад +1

    Can this feature be used in the free version?

  • @theredmaster_superbee
    @theredmaster_superbee 4 года назад

    I want to use an element ... that comes up in the browser and when it reaches the center of the screen ... it stays fixed. I used a section, I put a column and I put an image ... the center ... and to the section I put full height, the photo I left fixed in the center ... I put stiky on the top ... I moved the upper and lower margins of my image ... and it stays in the center but when using more resolutions it gets out of phase and stays either lower or higher than the center. How can I make an object sticky right in the center of the screen using% so that when shrinking the screen it is always in proportion to the center of the page?

  • @EricaDyson
    @EricaDyson 5 лет назад

    Great explanation. You've a real talent!

  • @jointy33
    @jointy33 3 года назад

    it is impossible to keep Icons in their absolute position once you change the size of the browser. even if i use the drop down menue on the side to either show or hide elementor functions it ruins my set tup. Is there only one RIGHT size in which I have to use my Browser while i create? .... it is frustrating

  • @spareparts7579
    @spareparts7579 3 года назад

    The fixed photo will be at the lowest of the page, will enter into footer when keep pull down the page, please check

  • @kerry-leerodighiero6182
    @kerry-leerodighiero6182 3 года назад

    Mobile preview... what you see is not what you get! Looks great on Elementor preview but when I look on my phone it's not even close. Any updates on this tutorial, please?

  • @mohsin0112
    @mohsin0112 5 лет назад

    Can I set after a certain scroll distance the icon will appear?

  • @officework8812
    @officework8812 3 года назад

    Great tutorial,
    what about the *inner section*, what if we want a whole div to be set absolute. how can we achieve that.
    kind regards

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

    You guys are amazing!!!!

  • @dimitris470
    @dimitris470 4 года назад

    Position and orientation should be configurable per responsive size. And what about relative positioning?

  • @aipoeticjourney
    @aipoeticjourney 4 года назад

    Ultimately I got it, thank you

  • @jaked5947
    @jaked5947 4 года назад

    I cant find this on the free version of elementor...is this option only on the pro?

  • @klormachinery1843
    @klormachinery1843 4 года назад

    when you change the position of the images on mobile does that also change their position when you switch back to desktop?

  • @Mitras333
    @Mitras333 5 лет назад

    Dude, you guys are crazy! WTF Guys this can change the internet. You Guys do soo cool stuff loooooool

  • @iqbaljaved7906
    @iqbaljaved7906 Месяц назад

    Hi there After a long time but it perfectly help for me. thanks anyway

  • @ginotarabotto
    @ginotarabotto 4 года назад

    This was super helpful. If we reorganize our elements per devide type, are there any risks with using Absolute & Fixed? Thanks!

  • @chunibyuurikkagamesreplays3238
    @chunibyuurikkagamesreplays3238 4 года назад +1

    How to do the pop up with the fixed position ?

  •  3 года назад

    Hi everyone, I was wondering where do elementor teams make their beautiful icons (here the skateboarders). Do you have a specific website to create image and icons like that, or do you create them yourself ? Thank you.

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

    Thanks, very very helpful

  • @thusharafernando2624
    @thusharafernando2624 3 года назад

    Very helpful... thanks so much ...

  • @earthgraduate726
    @earthgraduate726 3 года назад

    Does it work in Gutenberg ?

  • @nativeandroid
    @nativeandroid 5 лет назад +1

    How to make Popup design that you use in vedio...please make vedio on this

  • @alimaster5292
    @alimaster5292 4 года назад

    I change the responsiveness it doesn't work please hepp

  • @markchanjonchu1659
    @markchanjonchu1659 5 лет назад +29

    This is absolutely not mobile responsive. You can go to mobile and change the position, but when you go back to desktop all the positions are changed.

    • @alimaster5292
      @alimaster5292 4 года назад

      This is right man how to fix this

    • @benedictonwe7884
      @benedictonwe7884 4 года назад +9

      @@alimaster5292 duplicate the elements with one particularly for mobile and set it to the position and size you want, the hide the elements responsiveness across the devices view. That's the trick I usually use though,I don't know if it's good practice. Since I'm not really a web designer.

    • @reformatco
      @reformatco 4 года назад +3

      @@benedictonwe7884 This works but it's really not best practice. I've had to use this because its not possible to switch position responsively. It seems silly to me being a developer as you can use a media query to change position:static; to position:absolute; easily so why can't it work?

    • @youssefbauer1776
      @youssefbauer1776 3 года назад +1

      he literally points out the disclaimer that's it's not the best practice to use it frequently because it's not responsive

    • @jenniferphillips6373
      @jenniferphillips6373 3 года назад

      @@reformatco Hey! I'm curious, as a developer, do you write additional media queries for elementor, or do you just go with the basic breakpoints they give you?

  • @badgood8477
    @badgood8477 4 года назад

    Is custom positioning feature available for free version of elementor ????

  • @morreg5728
    @morreg5728 4 года назад

    do you need Elementor pro for this?

  • @nubenegra809
    @nubenegra809 5 лет назад

    Just beautiful ❤️

  • @clarisekylander
    @clarisekylander 3 года назад

    where do you get these sorts of illustrations?

  • @fabthi
    @fabthi 3 года назад

    Is it Custom Positioning a Pro version feature???? I can't find it in my menu

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

      Hi Fabio, custom positioning is available for all Elementor users. You'll find it in the Advanced Tab > Positioning > Width > Custom

  • @Alex-hu7wh
    @Alex-hu7wh 4 года назад

    Can this feature be used in mobile??

  • @vandeo3244
    @vandeo3244 4 года назад

    what name of page if just background and button "go to shop" or "shop now"
    i want make single full page just big slide background and button "Go Shop" without footer or header.

    • @patrickbell9117
      @patrickbell9117 4 года назад

      any name you want. set dont show title. Set background image and choose Heights of section to full screen

  • @statisticshelp5225
    @statisticshelp5225 4 года назад

    definitely useful video

  • @vivekchauhan5789
    @vivekchauhan5789 4 года назад

    Those animated characters are made from Adobe illustrator ?

  • @realchad9040
    @realchad9040 3 года назад

    Hello. Can we use absolute positioning for every elements?

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

      You can use it on an widget.

  • @realchad9040
    @realchad9040 3 года назад

    This only work with pictures or all elements?

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

      It works for an widget.

  • @dmitrykurenkov3268
    @dmitrykurenkov3268 4 года назад

    Thank you!

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

    thank you master ...

  • @HeavyRiven
    @HeavyRiven 5 лет назад

    Very Nice and help full, after pop up and this update i think elementor now is too much better than divi.

  • @HurikaneTv
    @HurikaneTv 5 лет назад +6

    Im literally never writing css again... i have switched to elementor... from other builders... im sooo building something mad with this and pods

    • @BMgreekyoutuber
      @BMgreekyoutuber 3 года назад

      Yeah CSS and JavaScript take so much time and are a pain in the ass

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

    Thank you

  • @abeprangishvili
    @abeprangishvili 5 лет назад

    it's fantastic !!!!

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

    Is this regular or Pro? I don't have it.

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

      Hey Audun, it's in all versions. Custom Positioning is now called Position and can be found under the Advanced > Layout tab.

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

      @@Elementor Found it. It says it's not recommended, maybe something about many values for SEO to deal with? Why is that exactly?
      And is there any courses on how to learn elementor?
      Is there more positioning options in Elementor Pro? Like a snapping grid or anything.

    • @Elementor
      @Elementor  Год назад +1

      Hi Audun, we have courses on our Academy: elementor.com/academy/courses.

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

      @@Elementor Thanks. Do you have even more advanced and payed?

  • @colombino
    @colombino 5 лет назад

    Awesome!

  • @YaronRosen
    @YaronRosen 5 лет назад

    SUPER!!

  • @AbdulRauf-zb9nx
    @AbdulRauf-zb9nx 5 лет назад

    Can we build essayshark.com website with elementor, if yes please tell me little bit how I can make latest order page and Top writer page like on this website, plz tell me thanks a lot

    • @Elementor
      @Elementor  5 лет назад

      You can build any website with Elementor! Here's a link to our quick 3 minute overview ruclips.net/video/-TPpwuB6dnI/видео.html

  • @farhanzafar215
    @farhanzafar215 4 года назад

    I LOVE #ELEMENTOR PRO

  • @HeavyRiven
    @HeavyRiven 5 лет назад +5

    I was thinking if elementor give us full control on the slider like pop-up feature, let us design slider like if we design a normal page using elementor to every slide, i hope you guys make this it will be too cool also the parallax effect you should add something like this (parallax not fixed) parallax on text on images on every element. Good luck i love you ❤️❤️👍

    • @Simon-sly
      @Simon-sly 5 лет назад +4

      Heavy Riven I agree about the slider. Wouldn’t it be great if we could use Elementor templates to create slides, then call them into the slider.

    • @christiaantjahhh
      @christiaantjahhh 5 лет назад +3

      Good idea!

    • @salvimateus
      @salvimateus 5 лет назад +2

      Yeah, that's a great idea. With the free plugin "Brizy page builder" it is already possible. Nice suggestion for the Elementor.

    • @HeavyRiven
      @HeavyRiven 5 лет назад +2

      @@Simon-sly perfect that exactly what i wanted to say 👌🏻❤️

  • @royelbaba7437
    @royelbaba7437 3 года назад

    Amazing !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

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

    ah thank you so much

  • @ankitanand3975
    @ankitanand3975 5 лет назад

    Elementor is god for me😍

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

    If it only worked this well!!!!

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

    nope. Not that simple, absolute works with the sizes of elementor's preview interface : BUT NOT wITH THE INIFINE MULTITUDE OF SCREEN SIZE. This tut was misleading.

  • @bySterling
    @bySterling 5 лет назад

    So Amazing!! Curious one issue I have is when I click to mobile style I can’t reach some of the off screen elements to adjust to be in screen
    How can I do this pls? No way way to use left right up down arrows to move or...? #mobilefirst2019 🙌🏻⚡️📱💪🏻💥👍🏻

  • @ronnieljavier599
    @ronnieljavier599 5 лет назад

    It’s like an Illustrator to Wordpress web design

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

    This is great for a specific fixed-sized page but they are incorrectly calling this a responsive design as it does not work when you change the size of the page. They will not respond to our comments so be aware that if you want this to work correctly, you'll need to learn a lot more about web design (something I'm trying to do to create a truly responsive web design).

  • @FrankEBailey
    @FrankEBailey 4 года назад

    Thet Seth Effican eksent ;)

  • @stivenson200
    @stivenson200 4 года назад

    Yeah but he never told or show you that how it will react on smaller screens like Laptops for example, now see it on a laptop, its absolutely messed up.

  • @barbarahirzmann5512
    @barbarahirzmann5512 4 года назад +9

    "Cool, cool, cool" - this is absolutely NOT COOL, because it isn't responsive!

  • @angelomartino4667
    @angelomartino4667 5 лет назад +1

    Wao

  • @designtechsolution
    @designtechsolution 5 лет назад

    😍

  • @maxzelenskyy9966
    @maxzelenskyy9966 5 лет назад

    נייס

  • @miguelmagallanesmontero5106
    @miguelmagallanesmontero5106 4 года назад

    pagespeed 10 jajajaja