How to Place VIDEO inside Text Using Elementor | Elementor Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 มี.ค. 2021
  • In this Tutorial, I've explained How to Place VIDEO inside Text Using Elementor. I Used Elementor Pro in this tutorial.
    ✅Get Elementor PRO:
    heywordpress.com/elementor-pro
    -----------------------------------------------------------------------------
    4 Million+ people started using Elementor Page builder to create their website.
    Why?
    Because it’s the no 1. Drag and drop page builder. You can create your complete website with just a few clicks. Elementor Pro is even better. If you use elementor pro, you don’t need to use other plugins. Less plugin = super fast speed of your website. Elementor Pro is jam-packed with all necessary features.
    You can always start with the free version. But elementor pro will blow your mind. And, it’s super affordable for everyone.
    I wish you all the best.
    Other Full Website Creation Tutorials using ELEMENTOR:
    • How to Create a Wordpr...
    -----------------------------------------------------------------------------
    Do You Wanna Start Creating your own website? Start Here:
    ✅Get Domain & Webhosting(50% off):
    heywordpress.com/webhosting
    ✅Get Elementor PRO:
    heywordpress.com/elementor-pro
    SUBSCRIBE: / @kitpapa7362
    #ElementorPro #Tutorial #WordPress
    -----------------------------------------------------------------------------
    ✅Need WordPress Help?
    Contact: heywordpress.com/request-a-qu...
    (No Matter You Need Any Minor Fixing or Complete Website Creation, Feel Free To Contact. We Will Get Back To You Within 24 Hours)

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

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

    I thought this is not possible at elementor. Really you are amazing Fahad.

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

    You are a PRO...thanks for this. Am going to use this on my latest project.

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

      Thank you so much... i would love to see your project... please don't forget to share with me...🙂

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

    it's working. thank you

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

    Best tuto. Keep it up 🤩😍🥰

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

    Thanks for this. How do we keep the image as a background instead of black color? I tried using background-image: Url("IMAGE PATH"); but it does not give the desired result. Can you please guide on what exactly I am missing out on?

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

    Feel free to comment below if you've any question(s), I'll try my best to help you personally! 🙂

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

    Wow that's wonderful ! Can you please show us how to use différent logo when scrolling with Elementor ?

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

      Thanks.... I will try to make it on next...🙂

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

    Thank you! But you should mention that this works with the black background only.

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

    Can you please show us how to use différent logo when scrolling with Elementor ?

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

    It is working on chrome? because it's not working on my end.

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

    Can you share the css code used with us

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

      the css code is very short... please try it yourself... Thank You...

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

      Heading:
      selector{
      position: absolute;
      width: 100%;
      height: 100%;
      background: #000;
      display: flex;
      justify-content: center;
      align-content: center;
      mix-blend-mode: multiply;

      }
      selector span{
      font-size: 15%;
      display: block;
      text-transform: uppercase;
      letter-spacing: 20px
      }
      Edit Column:
      selector{
      height: 100vh;
      }
      Edit Section:
      selector{
      overflow: hidden;
      }

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

    please share the css code.

  • @user-tg2hr5tc7c
    @user-tg2hr5tc7c 3 ปีที่แล้ว

    Hello community! Could someone please tell me how I could change the black background for another colour, a gradient or a photo?

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

      where you set the black background? go to there and simply change the color as you want. thank you.

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

      @@kitpapa7362 It doesnt work the same. Other colors are opaque

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

      @@jimlir3588 Check this: th-cam.com/video/hfYFQyZaAsw/w-d-xo.html

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

    Can you copy and paste the CSS, please?

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

      Heading:
      selector{
      position: absolute;
      width: 100%;
      height: 100%;
      background: #000;
      display: flex;
      justify-content: center;
      align-content: center;
      mix-blend-mode: multiply;

      }
      selector span{
      font-size: 15%;
      display: block;
      text-transform: uppercase;
      letter-spacing: 20px
      }
      Edit Column:
      selector{
      height: 100vh;
      }
      Edit Section:
      selector{
      overflow: hidden;
      }

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

    it doesn’t work