How To Setup A Background Image On Elementor | Full Width, Overly, Fixed & Responsive

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 มี.ค. 2021
  • Learn how I set up my background image effect on Elementor
    🔵 Join Our Facebook Community!
    bit.ly/urielsotofbgroup
    🟢 Tech Support:
    urielsoto.com/services/
    🟢 My Web Agency:
    vluxdesigns.com/
    MY COURSES:
    🟣 Elementor Mobile Responsive Course
    bit.ly/elementormobile
    🟣 Website Building Factory Course
    bit.ly/websitebuildingfactory
    PRODUCTS I USE FOR MY WEBSITES:
    🔴 Get Elementor Pro - My Favorite Page Builder
    bit.ly/urielelementorpro​​​​​​​​​
    PRIVATE GROUP:
    🔵 Join My Patreon & Get Design Downloads
    bit.ly/uspatreon
    CONTACT ME:
    My Website: urielsoto.com/​
    Facebook: / urielsotodev
    Linkedin: / uriel-soto-976b3117a
    #elementor​​​

ความคิดเห็น • 53

  • @susanhill9334
    @susanhill9334 11 วันที่ผ่านมา

    Amazing video, I've been trying to work out how to add a background image and resize it for mobile and tablets for ages. This has solved my problems

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

    This is exceptional. Thank you for the thorough work you did right here.

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

    This was very helpful - thank you for the time you invested here!🙂

  • @thanhdatreal
    @thanhdatreal 10 วันที่ผ่านมา

    you are legend bro. thank you for helping me fixing my website

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

    Usually when I want a quick answer, I stay away from long videos. However, I'm so glad I took the time to watch this excellent and informative video. With your thorough explanation, I just sponged it all up; and it even gave me time to think and create in my mind as I watched. THANK YOU!!!

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

      I'm glad I could help you out. I know people don't like long videos but feel like it's not enough time for me to explain things thoroughly. If I make them short than more people will ask questions about things I should have covered.

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

    Clear and concise love it thank you .

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

    Thanks mate!
    That's really helpful. Keep making the nice content.

  • @thehyeinyoon
    @thehyeinyoon 10 หลายเดือนก่อน

    LOVE WHAT YOU DO!!! PLEASE KEEP DOING!

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

    I enjoy this video! and it is very helpful. Thank you very much! and more power to you!

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

    This was really helpful! Thank you.

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

    Great tutorial! Thanks Uriel!

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

    Really helpful video, thank you!

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

    At last! Great video

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

    thank you, you are a gem!

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

    Thank you the best explanation

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

    thank you so much

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

    Thank You Brother,
    it's Help Me

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

    Hi, thank you for this video, really well done. I have a problem: I'm using Astra theme and when I have to fix the responsiveness the background image section gets out of place and there's no way I can move that. I've tried with the different tools but the image stays there whatever I edit. Have you some suggestions? thank you!

  • @ethanholthuis9197
    @ethanholthuis9197 3 ปีที่แล้ว

    Thnx great video bro! Keep it up

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

    You solved my problem at 2:45

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

    Exactly what I was looking for. Detailed yet concise. Thank you!

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

    Thanks dude you really helped me out

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

      Glad I could help

  • @JamersonCalixto
    @JamersonCalixto 3 ปีที่แล้ว

    thanks so much! That was really helpful. Keep up this awesome work!

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

    I always assumed to include a full-width image, the layout had to be set to Full Width. I can't tell from your video what the Layout is, but I can see the Content Width is Boxed (is that the same thing?). You also don't say if the image dimensions need to be a specific width or it just fills the whole width by default. I've been trying to create a wire frame template that does both; include proper full width images but text/content beneath is boxed (not full width). Thx!

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

    I have a question that maybe you can help with.
    I am building a site with elmaentor and ran in to this issue. I looked at the site on my lap top in 3 different browsers and it looked fine. One my android phone it looks fine but for some reason on my iPad some pagd images and hero background images are not showing up. Do you know how to fix this isusse?

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

    I watched until 20min looking for the nuances on why there are left over spaces and why modes like cover just dont work sometimes.... only to recieve "it can be tricky but you get the gist of it..."? No I don't, that's why im here. But thanks anyway, I did learn a new trick with using a PNG element as a background overlay as opposed to just an image on the foreground.

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

    Hi, thank you for the Video! But how can I remove the white area below the main BG image? I have a 1080x1920px image I want to show fullscreen as a landing page it it drives me crazy that I don´t find a way to use full height :(
    Only when I change upper padding to 500px I have the image fullscreen. But then my main "coming soon" title move down as well (and I cant move the title up with margin/padding) :(
    I´m referring to your first 5mins only

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

    I have done follow your tutorial bro, but when i change to Smartphone Layout, the background not respobsive as PC n Tablet layout

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

    when i try to upload images it doesnt have the square option on the left where it shows the image. idk how to fix it do you know ?

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

    How to attchment background when scroll the background will go right to left or left to right. Can you help to fix this problem?

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

    Does Elementor photo gallery have gutter control to remove gutter space between images? I'm using SYDNEY THEME, free version.

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

    can you create a full page background graphic?

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

    I wanted to make a full page image without it using any elements from my sites theme, I wanted it as my home page, is that possible and is there a tutorial for that?

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

    how to get this blank page?

  • @espedale
    @espedale 3 ปีที่แล้ว

    I learned a lot from watching you adjust all the parameters, but I was bummed that your background image with the additional background overlay of the girl just "happened to work out". I am having difficulty adjusting a background overlay for mobile and it would have been nice to see how an expert like you tweaked the parameters to make it work. Thank you for the great content though.

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว

      Yeah mobile can be tricky. Email me on my website with a loom video. Maybe I can find a solution.

  • @MBAinternetmktg
    @MBAinternetmktg 3 ปีที่แล้ว

    I am getting a different Edit Section screen. I'm using Astra theme and Elementor Pro, with free Essential Addons for Elementor. The Edit section is very different from the one you are showing.

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

    how to avoid the image cropping on mobile version?

  • @Restoredetailaz
    @Restoredetailaz 6 หลายเดือนก่อน

    Can I add opacity to images in the background slideshow?

    • @UrielSoto
      @UrielSoto  6 หลายเดือนก่อน

      If you do it this way. You can
      th-cam.com/video/_aEnOhXWtxs/w-d-xo.html

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

    i appreciate you bruh, i wanna know how to make slider image responsive

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

      I'll see if I can include that in my responsive course coming out soon!

  • @lauraquijano769
    @lauraquijano769 5 หลายเดือนก่อน

    It doesn't work fixed on the mobile version. I'm driving myself crazy trying to set my background fixed, and cover all, on the mobile version in ELEMENTOR FREE

  • @Zukrit
    @Zukrit 3 ปีที่แล้ว

    can i do a random background picture? i use the elementor theme.

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว +1

      Yes

    • @Zukrit
      @Zukrit 3 ปีที่แล้ว

      @@UrielSoto please tell me how

  • @j.l.cooper70
    @j.l.cooper70 2 ปีที่แล้ว

    How do I give the entire website a background?

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

      In your main page settings

  • @Skill.Bazaar.
    @Skill.Bazaar. 10 หลายเดือนก่อน

    amazing thanks for the info, but next time try to teach slowly.