Elementor Text over Image on Hover | WordPress Elementor Pro Tutorial | Elementor Tricks

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 มี.ค. 2022
  • In this tutorial, I'll show you How to reveal Text over Image on Hover using Elementor Page Builder 🔥🔥No additional plugin is required!! 🔥
    CSS Code:
    /*Content Show/Hide on Hover*/
    selector{
    opacity: 0;
    transition: 0.5s ease-in-out;
    }
    selector:hover{
    opacity: 1;
    }
    Learn to create amazing WordPress websites without any coding knowledge Using Elementor Page Builder.
    We will explore this amazing page builder in this course and create a complete business website during this course using Elementor .
    You can start your freelancing career as a WordPress website designer watching this course and learning elementor.
    Elementor Full Course:
    • Wordpress Elementor tu...
    WordPress Basic Course:
    • Playlist
    #customwp
    #elementor pro
  • วิทยาศาสตร์และเทคโนโลยี

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

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

    Very good Video mate! I did it in the 2nd try, but great tutorial!

  • @naufalzrazan
    @naufalzrazan ปีที่แล้ว +6

    This tutorial saved my whole project, thank you very much

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

      Thanks 😊

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

    I took the time to test it and out of all the bull I've seen of CSS Code this one works. the likes on video made me worried but it worked in the end

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

      Thank you for your feedback 🙏

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

    You got my sub bro!! You saved me money and time

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

      Your Welcome 🤗

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

    Thank you so much! You are the best.

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

      Your Welcome 😊

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

    Tks Bro! You`re the best! Tks to save my life! kkk

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

      Thanks 😊

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

    Thank you. This was really helpful. God bless

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

      Your Welcome 🙏

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

    how do I get the 3 even colomns when I click the plus sign? I dont see it, and my container choice options are different, PLEASE HELP!

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

    Thank you!

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

      ❤️❤️

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

    OMG dude, your safe my life

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

      Thank you 🙏

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

    thank you so much, my dear friend

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

      Your welcome

  • @vukrudan1329
    @vukrudan1329 9 หลายเดือนก่อน

    You are genious 🎉

    • @customwp
      @customwp  9 หลายเดือนก่อน

      Thank you 🙏

  • @arpanvir4344
    @arpanvir4344 9 หลายเดือนก่อน

    love you bro♥♥

    • @customwp
      @customwp  9 หลายเดือนก่อน

      Your Welcome 🤗

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

    The background music is so beautiful, I couldn't concentrate on the actual lesson hahaha

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

      Thank you for suggestion 😀

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

    Thankyou❤

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

      your welcome 🤗

  • @nourelhoudarahmoune
    @nourelhoudarahmoune 4 หลายเดือนก่อน

    very good

    • @customwp
      @customwp  4 หลายเดือนก่อน +1

      Thank you 😊

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

    Hey man! I did everything right but when I publish it the text is visual even if im not hovering. And when I do hover it gets darker as its supposed to. Can you help?

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

      please follow video may be css code problem

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

    Can you do this again using flex box? I can't seem to get it working.

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

      okay sure, soon i will remake this using container

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

    hi from France, my custom CSS is disabled, elementor pro required?

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

      It is not necessary if you don’t have Elementor Pro you can use this CSS in the theme customizer >>> additional CSS
      Note: use any specific class instead of a selector if you write this code on a theme customizer

  • @MichealMount-cl7fd
    @MichealMount-cl7fd 2 หลายเดือนก่อน

    Please how can I make it static on the mobile view

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

      you can by changing in css code

  • @Sachin_LearnandEarn
    @Sachin_LearnandEarn 8 หลายเดือนก่อน

    I have to make this one Image carouael on over content display. How have to do

    • @customwp
      @customwp  8 หลายเดือนก่อน

      yes this is possible if you know css then you can modify current code and hope can achieve this

    • @Sachin_LearnandEarn
      @Sachin_LearnandEarn 8 หลายเดือนก่อน

      @@customwp I have to slider this house content image.. Please give slide code sir or source

  • @user-ls6fp4in5c
    @user-ls6fp4in5c หลายเดือนก่อน

    Can we do it without inner section ?

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

      yeah, you can, but need few changes in css code

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

    How can I get the css code from

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

      please check description

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

    how to do this on homepage

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

      Use Same technique
      If you need help then you can contact with me
      Email: mansab5417@gmail.com

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

    What if you don't have Elementor pro?

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

      You can also write css code in theme customization or use any code snippet plugin

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

      @@customwp thank you so much!

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

      @@customwp I'm trying the theme customization way and nothing happens... You have any idea for me please ?

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

      ​@@MHMUniverse Write the class name instead of the selector

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

      @@customwp Still nothing, the effect is there but it doesn't apply the way it does for you in your video it's quite messy. For whatever reason when I write "p" instead of the first "Selector" the text disappear indeed, but other than that I achieved nothing, I really don't understand...

  • @ZainMughal-fp1tt
    @ZainMughal-fp1tt 11 หลายเดือนก่อน

    Is it necessary to use girls photos to get views. You kyaa bolo tujee abb me🙁🙁