How I created floating images in Elementor (from my Adobe XD Portfolio Design project)

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

КОМЕНТАРІ • 189

  • @laurpixel
    @laurpixel 4 роки тому

    dude. I prefer your videos instead of the others-they are pretty chaotic in explaining things. Yours, are great! Keep up the good work!

  • @Pikachulover1735
    @Pikachulover1735 4 роки тому +13

    Your content is really well made, I can feel your passion in every bit of it. Your wholesomeness is the sprinkle on top. I hope others continue to watch your content more.

  • @Demiduivenvoorden
    @Demiduivenvoorden 3 роки тому

    o! So much value in this 16 min!! That Positioning -> absolute + Whatfont plugin, i had no idea! this makes my life so much easier lol! Thanks a lot rino!!

  • @michaeloliver6745
    @michaeloliver6745 3 роки тому +5

    Your videos are the very best!! You’re so good at explaining and keeping things simple!! Please keep making these tutorials, I love them!!

  • @ourcuteglobe
    @ourcuteglobe 3 роки тому

    this is gem broooo. Loooooooove the way you explain things. Keep going man . full support

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

    Damn 3 yrs ago. Good stuff bro thaks for the simple walk-through

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

    The best explanations I found ! Keep going you rock :)

  • @AMuttio99
    @AMuttio99 4 роки тому

    You are the best teacher on youtube

  • @avinashsinghking5669
    @avinashsinghking5669 4 роки тому

    Dude you r just awesome and this is the first channel I have subscribed based on WordPress topic 🙏

  • @d-solverthewebsitemaker4917
    @d-solverthewebsitemaker4917 4 роки тому

    Hello Rino! I'm Meheraz from Bangladesh. I very much fan of your awesome tutorial. Thanks for your good inovation.

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

    i really was frustrated of my positioning after seeing ur this video i am now satisfied and relaxing man thanks 😂😂😊

  • @michaeloliver6745
    @michaeloliver6745 4 роки тому

    You have the BEST Elementor content. Very descriptive and well delivered. I am aspiring to build websites and with Wordpress being so popular yet difficult, this makes it so much better. Thank you for taking the time and helping us to learn

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

    This was awesome. Please let's finish the rest. Great tutorial!!

  • @MatthewFurman
    @MatthewFurman 4 роки тому

    Just spent 1.5 hours on this video. I am building as you build. Awesome! Thank you so very much, you are so talented. I appreciate you :)

  • @jonathanosuna9983
    @jonathanosuna9983 4 роки тому

    Thank you! Your videos have re-ignited my passion for web design.

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

    Awesome! I found your channel lately. As a beginner, I have felt concerned about Elementor. From this tutorial, I get interested because your explanation is very simple and helpful. Thank you.

  • @chrisizuamadi
    @chrisizuamadi 4 роки тому

    Rino, this is awesome.
    I created a similar feature last night in Adobe XD but got stuck while implementing it in elementor. Today, I am able to resolve this implementation.
    Keep up the good work.

  • @alawishes1733
    @alawishes1733 3 роки тому

    You're a Great Teacher...Keep Up The Good Work!

  • @postingproductions1050
    @postingproductions1050 4 роки тому

    By far my new favorite channel. I think my website is good to go until I watch one of your videos. Then it’s back to work for me :)

  • @bySterling
    @bySterling 5 років тому +1

    Great design skills man! The free flow placement Elementor design options are insane!

    • @rinodeboer
      @rinodeboer  5 років тому

      Thanks a lot! And yes they are 👌🏼

  • @tom90nov
    @tom90nov 4 роки тому +1

    Your videos are so easy to follow, we’ve been helping clients with their websites and getting to grips with Elementor. These tips are priceless. Keep up these great videos!

  • @MKMankowska
    @MKMankowska Місяць тому

    I love your work! Thank you for sharing.

  • @jonajohnston3174
    @jonajohnston3174 3 роки тому

    You are just amazing Rino! Keep up the great work!

  • @miguelangelorellana8343
    @miguelangelorellana8343 5 років тому +3

    I really appreciate your tutorials, thank you. Greetings from Peru

    • @rinodeboer
      @rinodeboer  5 років тому +1

      Awesome! Great to hear. Thanks a lot

  • @andrewdowniephd
    @andrewdowniephd 3 роки тому

    Very nice video. I will have to check out more of your posts. Working on a pro bono site for a charity at the moment and wanted to try to give them something special.

  • @haltama
    @haltama 4 роки тому

    Thank you so much... You are my favorite teacher... you have both great technical skills and teaching skills... Elementor is easy to use after watching your videos... again, thank you...

  • @werchsley
    @werchsley 4 роки тому

    You really help me understand more about Elementor. Thank you sir!

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

    Thanks alot, I have really gained alot from your tutorials❣️

  • @johnboyd8053
    @johnboyd8053 5 років тому +1

    I'm glad I discovered your channel, thanks to Verdi's post. Great teaching style. Thank You!

  • @MrJomafa
    @MrJomafa 4 роки тому

    Hello Rino, i love your work, and i'm learning a lot with you tank you so much.

  • @ManishSingh-pr9dw
    @ManishSingh-pr9dw 4 роки тому +1

    Thank you so much for amazing video👍

  • @wptalkswitharif
    @wptalkswitharif 3 роки тому

    I love whatfonts

  • @cocopopp-6865
    @cocopopp-6865 4 роки тому

    you are a savior thank you so much for your help I honestly appreciate it so much! keep up the amazing work!

  • @yanaunghein3900
    @yanaunghein3900 5 років тому +1

    Keep sharing, Sir! I love your videos...

  • @publicite2704
    @publicite2704 4 роки тому +5

    M following ur guidelines and creating the same without any problems

  • @Jagaa4K
    @Jagaa4K 3 роки тому

    Wow you are great man, thank you so much. I learned lot of staff and things from your video lesson. Thank you and keep up :)

  • @spokenquietly3757
    @spokenquietly3757 4 роки тому

    I can't wait to try this on my webpage! Thanks!

  • @linda_sue
    @linda_sue 4 роки тому

    Ohhh, you make it so fun! Just what I needed. It helps to not get burnt out if it's fun! Subbed!

  • @balasahebshinde5779
    @balasahebshinde5779 4 роки тому +3

    you are amazing with great expression tricks. that wow

  • @forgodani
    @forgodani 4 роки тому

    Just came across your videos, but they fantastic! Keep up the good work.

  • @johnwright1092
    @johnwright1092 4 роки тому

    Thank you Excellent content and presentation

  • @bhagatkalra5822
    @bhagatkalra5822 5 років тому

    Watching the video first time, liked it abd subscribed your channel. Hope to learn more in coming days. Thank you very much.

  • @muftauola
    @muftauola 5 років тому +1

    thank you so much your tutorial is awesome

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

    I would love to know what are plugins you used and theme in your future tutorials before you start building web site

  • @qolarobbuka
    @qolarobbuka 3 роки тому

    This video liquifies me from being petrified. Nice work.

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

    Genius, thank you Rino^^

  • @businessearning7412
    @businessearning7412 5 років тому +1

    nice nice nice, wait for next video

  • @mdqmatias
    @mdqmatias 5 років тому

    Loooooved your channel, love your style, keep going!

  • @abngwenya5105
    @abngwenya5105 4 роки тому

    Great stuff, very good and helpful... thanks for sharing this knowledge and skills.

  • @justintran6922
    @justintran6922 4 роки тому

    wonderful tutorial

  • @lessharkboy
    @lessharkboy 5 років тому

    Great video, informative and superbly delivered. Instant subscriber 👍

  • @mahimmuntasir9431
    @mahimmuntasir9431 5 років тому

    Your videos really helped me a lot bro ❤️

  • @jafferal-shawi7562
    @jafferal-shawi7562 4 роки тому

    you are awesome man.. thank you for your tutorials.... we need a tutorial about multiple languages website 😊

  • @tygodebaas8149
    @tygodebaas8149 5 років тому +3

    I love you videos ❤

  • @monamiteam
    @monamiteam 3 роки тому

    Two words. Awesome :)

  • @bySterling
    @bySterling 4 роки тому

    Awesome vid and site style! I’ll def try that hover effect flavor

  • @tanishitater8096
    @tanishitater8096 4 роки тому

    extremely helpful, well explained!

  • @gordana5541
    @gordana5541 5 років тому +1

    Great tutorial! Thank You!

  • @jonathanvelasquez8776
    @jonathanvelasquez8776 3 роки тому

    That was awesome!

  • @koyelaprovidence1543
    @koyelaprovidence1543 4 роки тому

    You are the Best Man

  • @jonasngueve8547
    @jonasngueve8547 4 роки тому

    I'm new on this channel, but yeah bro you got good content. Keep it up.

  • @khanmasum8244
    @khanmasum8244 3 роки тому

    just amazing

  • @HomeOfRebel_films
    @HomeOfRebel_films 4 роки тому

    This is wonderful.... Thanks a lot for this

  • @juniormoture4506
    @juniormoture4506 4 роки тому

    i wish i found you earlier. thanks for the knowledge

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

    Help me out tremendously 👍

  • @trendinggadgets1054
    @trendinggadgets1054 5 років тому

    Awesome!! Nice tutorial.

  • @jeremiaholadele8637
    @jeremiaholadele8637 4 роки тому

    Amazing Video, I'm so happy I come across your channel.
    Can please do a video on the remaining part of website.
    Thank you.

  • @mhdrameez5904
    @mhdrameez5904 4 роки тому

    Good job brother, your amazing.

  • @mahdimotallebi7207
    @mahdimotallebi7207 4 роки тому

    Great Tutorial esp float images.

  • @shamalchathuranga
    @shamalchathuranga 4 роки тому

    nice explaine 💖 can you tell what is the extension you used in 5:25

  • @ewablicharska659
    @ewablicharska659 4 роки тому

    Pure gold for starters :D

  • @siddi-livehappyistolivehea5311
    @siddi-livehappyistolivehea5311 4 роки тому

    It's very helpful, thank you

  • @noufalarakkalchirakkal4952
    @noufalarakkalchirakkal4952 4 роки тому

    Superb Bro

  • @shopnoraj2343
    @shopnoraj2343 5 років тому

    wow! I am glad to found your channel.

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

    Hello. I am having an issue with an elementor website. The thing is that when i move my elements outside the page to the left or right, it is stretching the site horizontally, making the horizontal slider to show up. How can i move objects outside the border without stretching the site ?

  • @bellbottle5500
    @bellbottle5500 4 роки тому

    Hey at 12:30 the padding and margin are not proper in my site and if change the padding-right and left to 0 as you are shown its showing fullscreen, and seriously I got irritated it's on working nor good at tablet and mobile view i couldn't change itself kindly reply

  • @SuperRakshitjain
    @SuperRakshitjain 4 роки тому

    Kindly try and share a url also with these videos, so as to have a real look and feel of your efforts. And also to test things on mobile.

  • @mhkim68
    @mhkim68 3 роки тому

    I have a question. Can I could apply this to front page only? Other pages doesn't look right like my Shop page as the product page moved to the top and hide the menu. Thanks for the great job!

  • @alessiogagliardi3910
    @alessiogagliardi3910 5 років тому +1

    Thanks for all your effort, I insta- subbed to you

  • @iamnitinnair
    @iamnitinnair 4 роки тому

    hey i need a help i dont want the hover animation in button ( i have put it in none ) but than too its hover animation is still on. can u help me with this.

  • @yosafatc.saputra5844
    @yosafatc.saputra5844 4 роки тому

    Keep up the great content!

  • @kehindeadeyemi6702
    @kehindeadeyemi6702 3 роки тому

    Thanks a lot, Rino

  • @kristalarevalo2121
    @kristalarevalo2121 5 років тому

    Love it! Thank you so much!

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

    hi nice video, Can I use this technique to post 2 images + 2 video which are also floating and also clickable at same time ? thanks

  • @drivedesertdawn3276
    @drivedesertdawn3276 4 роки тому

    Marvellous tutorial! I love your trendy web design Thanks ton, Rino. Currently, I'm using Elemento Free version. Does the Customer Position menu come with Elemento Pro version? I don't have the option on my Elemento so wondering that I need to upgrade to Pro to be able to access it.

  • @remibeccat4797
    @remibeccat4797 3 роки тому +1

    Nice video Rino :)
    So i'm actually using this technic in a website for a client. I have issues with animations, because the one on top is preventing the hover animation of the one on bottom.
    You guys have anything in mind ?

  • @stateofgaminga.a.r6586
    @stateofgaminga.a.r6586 4 роки тому

    Love u boss!!love from Bangladesh!

  • @kerry-leerodighiero6182
    @kerry-leerodighiero6182 4 роки тому

    Rino, which is the video before this one, please? I did most of it last night but can't finish because I've lost the link and can't find it anywhere! Thank you, I'm loving your tutorials!!

    • @rinodeboer
      @rinodeboer  4 роки тому +1

      He Kerry-Lee. If you go to my channel you can find the playlist where this video is a part of. The video is called: “Building my header in Elementor Wordpress”. And thank you so much!

  • @hokusmith
    @hokusmith 4 роки тому

    Aloha from Hawaii! Your videos are great. Is this the regular version of Elementor or is this Elementor Pro? I've been looking into getting this plugin. Thank you in advance!

  • @ThePresidentMerkin
    @ThePresidentMerkin 5 років тому

    How are you getting the image alone -- not the container -- to shadow ? I can't separate the 300x300 px image from its container. Repeatedly, the width of the container not the 300x300px gets shadowed. Are all the photos fitting into a single image container ?

  • @kamichikora6035
    @kamichikora6035 5 років тому

    Amazing!!! I love this

  • @MoazMohammed
    @MoazMohammed 4 роки тому

    Fantastic video and so easy to follow! Just one thing I couldn't get to work on mine, when loading the page in mobile in portrait, and then switching to landscape, I get this white margin that appears on the right side. I tried to load your site, and it doesn't have this problem. Btw, this problem only shows on android phones, not on apple.
    I tried playing around with layout of the section: stretch section - on/off, content width - boxed/full width. Nothing seems to work.
    If I load it from the beginning in landscape mode, it loads fine. Just if I load it in portrait, then switch to landscape, it leaves a white column on the right edge which looks unprofessional.
    How did you manage to fix this? Or did I miss a setting possibly?

  • @daoud1608
    @daoud1608 4 роки тому

    Great vid!
    How do you make the divider vertical to separate columns?

  • @LifeSyncStudio
    @LifeSyncStudio 3 роки тому

    Having problems with this part, I have the 4 images on my WordPress backend but only 1 image shows on the front end

  • @luisfbjunqueira5837
    @luisfbjunqueira5837 4 роки тому

    Amazing!

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

    You rock broski

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

    Brilliant

  • @mohammadullah9849
    @mohammadullah9849 3 роки тому

    amazing tutorial. at the very first glance i was too much excited but when i started trying practicing i noticed that custom positioning option is not enable in my word press 5.8 version. can anyone have solution of this problem?? plz let me explain. i will be thankful to you.

  • @wayneseymour1
    @wayneseymour1 4 роки тому

    Hi love your channel I just bought Ele Pro and had a issue with designing a sticky transparent header I contacted elementor support for assistance, got this long email which basically said cant help you. So I went back to UA-cam to seek my answer and Wa-La there you were not only did your video help me fix my issue but I discovered so many other useful lessons. your teaching style though a little fast is very detailed and easy to follow.Thank you very much and keep up the great work. BTW on this design in the video what theme are you using?🙂🙂 stay safe during these messed up times.

    • @rinodeboer
      @rinodeboer  4 роки тому

      That’s awesome to hear. Thanks a lot. I think I used the Astra theme. But I didn’t really use the theme settings, so it doesn’t matter.

  • @nasiruddinsikder919
    @nasiruddinsikder919 5 років тому +3

    Please give the tutorial part number in the UA-cam video title (ex: Part-1, Part-2......) It will be helpful for moving next video step by step. Thank you