Elementor Read More Widget

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ม.ค. 2025

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

  • @dannymurray8858
    @dannymurray8858 4 ปีที่แล้ว +52

    there was lots of jargon but at 7:00 it is explained.

    • @KEI-um1kc
      @KEI-um1kc 3 ปีที่แล้ว

      thank you

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

      thank , really lot bulllshit at the front ~~~

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

    Hi, at 9:38 after you type the CSS Classes ''readmoretoggle'', how the link come out body:not (elementor-editor-active)?

  • @colinwood1582
    @colinwood1582 4 ปีที่แล้ว +10

    Thank you for this excellent tutorial.
    Rather than add the CSS class, I went into style>title> and changed the ACTIVE colour to match the background colour which made it invisible when clicked on.

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

      Superb man ur true herooo😉😉😉

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

      Thank you! I couldn't figure out how he got the code from the browser. This was much easier and should be more reliable. Thank you for sharing!

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

      🔥🔥🔥

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

    Thanks Buddy! Read More widget was sending me mad so I used the Toggle which works perfectly. Good job!

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

    from where is the link copied..plz let me know ...i couldn't get the link to COPY/PASTE in the additional css

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

    Oh my God! you make me go to bed sooner than I thought. Thank you for giving me sweet dreams!!!!

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

    After 3 days of searching found this. Love you

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

    After hours and hours searching for a solution I found this video, thanks man!

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

    Everything I needed Clearly explained. Many thanks.

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

    Good solution for the read more problem. Thanks, dude.

  • @SunitaSharma-bi6vi
    @SunitaSharma-bi6vi 3 ปีที่แล้ว +4

    Thank you for the tutorial. But I stuck at one point, can you please guide me for the same "After adding readmoretoggle in CSS Classes how did you change the URL completely and added there readmoretoggle in it?"

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

    hello i need one help with this i need to add read more and Rad less with button or with by click on link when we click on it need o show content and when we click on read less it show minimize content

  • @appelhansimmobilien2005
    @appelhansimmobilien2005 4 ปีที่แล้ว

    At 9:45: when i type readmoretoggle in the CSS Classes
    itdoesn't show up in the URL. Can you help me?

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

    Thanks man! This video helped me!

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

      Hello Rohan ,
      Glad to hear that you find my video so helpful . Do consider subscribing our channel to receive more update related to WordPress .
      Regards,
      Gomahamaya team

    • @RohanDreamerz
      @RohanDreamerz 4 ปีที่แล้ว

      @@Gomahamaya Yes surely! I just used this on my website. But unfortunately, the code didn't work. I don't know why. i followed all your steps.

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

      Did you added the CSS class exactly same as mentioned in description ?
      It has to work my brother . Because we are making active toggle CSS class invisible . It has to work. today I checked it and Made it properly . Kindly try it on some demo website with another theme . It has to work

    • @RohanDreamerz
      @RohanDreamerz 4 ปีที่แล้ว

      @@Gomahamaya Yes it worked! I had some cache issues with my site. Thank you!

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

    You are a genius Bro, It Saves me. Thanks

  • @JulaWeg
    @JulaWeg 4 ปีที่แล้ว

    I wonder if is not easier to link read more button to the new page instead. Old way?

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

    I followed your steps but it did not work for me.

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

    Thank you for the amazing tutorial. Is it possible to show 'Read Less" instead of not showing Read More text, and and once the user clicks on Read less than the "Extra Content" to disappear. Thank you!

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

      I also want to know this. Have you got your answer?

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

    this was helpful thanks

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

    Thank you man !! It's what i'm looking for.

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

    This is a best Video on Internet

  • @Chris-gv7cq
    @Chris-gv7cq 3 ปีที่แล้ว

    Awesome!!! I'll be looking through your videos from now on

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

    You are the best bro!

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

    Great video, thanks a lot!

  • @DonTalkShowShow
    @DonTalkShowShow 4 ปีที่แล้ว

    Your solution worked the best out all the ones I tried. Thank you 👏

    • @StudyShot
      @StudyShot 4 ปีที่แล้ว

      Can you share that code I need it sir

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

    Great Tutorial

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

    Also from me many thanks for this video -- it's been very helpful! Is there also a way to add, at the end of the extended text, a "Read less" button or link, to collapse the extended text back to just showing the "Read more" button?

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

      I need this Did you found any solution for read less

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

      i have , Use Following css
      body:not(.elementor-editor-active) .readmoretoggle .elementor-tab-title.elementor-active::before {
      content: "Read More";
      }
      body:not(.elementor-editor-active) .readmoretoggle .elementor-tab-title:not(.elementor-active)::before {
      content: "Read Less";
      }@@anithaanu1458

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

    Sir, i just wanna open my read more text in the next page? how can it be possible?7

  • @dharmeshpipaliya4068
    @dharmeshpipaliya4068 4 ปีที่แล้ว

    Very Helpful Information bro.. Thnx a lot..

  • @JustSomeSound
    @JustSomeSound 4 ปีที่แล้ว

    Very Helpful Thank you!

    • @Gomahamaya
      @Gomahamaya  4 ปีที่แล้ว

      Hello Justsomesound ,
      Glad to hear that you find my video so helpful do consider subscribing our channel to receive more update related to WordPress,
      Regards,
      Rahul

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

    if you don't want to waste time.. just skip the video to 07:15 and start watching it.

  • @vishalkumar-cu6uo
    @vishalkumar-cu6uo 4 ปีที่แล้ว

    Really Thanks Brother. It worked and hats off to your help.

    • @Gomahamaya
      @Gomahamaya  4 ปีที่แล้ว

      Hello Vishal ,
      Glad to hear that you find my video so helpful do consider subscribing our channel to receive more update related to WordPress .
      Regards,
      Rahul

  • @anithachowdary2728
    @anithachowdary2728 4 ปีที่แล้ว

    can yo please explain about how o include read more buton inside the tab

  • @shubz26
    @shubz26 4 ปีที่แล้ว

    How can we add a template instead of text using the Read More method?

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

    Fantastic - Thank you so much for sharing the info. You are a good man.. Thanks so much

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

    Bro, How can remove the border actually there is no option for that I search in and out, If you can please educate !

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

      Hay there , fill our website contact form with your whatapp number and landing page link , it that problem seems general I will create video on that so others gets benefitted too.

  • @StudyShot
    @StudyShot 4 ปีที่แล้ว

    Can you send me the code that you used for removing read more button in video it is not clear please share if you can

    • @Gomahamaya
      @Gomahamaya  4 ปีที่แล้ว

      Code is there in description box .
      Video is in hd quality kindly please increase your video quality from settings for more better understanding
      Regards,
      Rahul

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

      Here is the code that he use to remove read more body:not(.elementor-editor-active) .readmoretoggle .elementor-tab-title.elementor-active{
      display: none;
      }

  • @alchudo20
    @alchudo20 4 ปีที่แล้ว

    Many thanks, This video was very useful.

  • @TheSeunAyeni
    @TheSeunAyeni 4 ปีที่แล้ว

    Great! works perfectly

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

    u saved my life

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

    ty bro

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

    Thanks brother

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

    nice vid really helpful thanks

  • @gadgetsskyway8746
    @gadgetsskyway8746 4 ปีที่แล้ว

    Hello sir , your video is very helpful. But please when i type readmoretoggle in the CSS Classes
    in doesn't show up in the URL . So i'm finding it difficult to get it to work . Please can you help me out ? thanks.

    • @gadgetsskyway8746
      @gadgetsskyway8746 4 ปีที่แล้ว

      Thanks i finally figure it out and it works , thanks

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

      @@gadgetsskyway8746 how please? thx!

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

      @@gadgetsskyway8746 why would you not explain it!!??

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

      just say you figured it out....

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

    hello sir.. its working perfectly... but what it's will be happened that if we click on read more button and it will take it on another page and there our rest content will be appear ..

    • @Gomahamaya
      @Gomahamaya  4 ปีที่แล้ว

      Hello Nidhi I discussed both cases in video kindly watch full video .
      Regards,
      Rahul

  • @stabimatic
    @stabimatic 4 ปีที่แล้ว

    Can you please mention that Additional CSS code. for readmoretoggle

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

    thanks so much ! you saved me

  • @josephsn3067
    @josephsn3067 4 ปีที่แล้ว

    You did a GREAT JOB keep it up.

  • @User9482-z2s
    @User9482-z2s ปีที่แล้ว

    bro: `this is my some data`

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

    woow. this is amazing

  • @SarthakMahapatra007
    @SarthakMahapatra007 4 ปีที่แล้ว

    nicely explained sir....

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

    I'm so mad! All I need to know was that the right widget was called "toggle", lol! Anyway, Thank you so much!

  • @sabadesigns
    @sabadesigns 4 ปีที่แล้ว

    How do I achieve the blog style you are using with the date and comment and divider. I do not have elementor pro. I am using wordpress with free elementor. I don't understand how to create this look for archiving articles. I appreciate your tutorial very thorough and informative.

    • @Gomahamaya
      @Gomahamaya  4 ปีที่แล้ว

      Mine is custom grid not read more .
      I personally created those grid using visual composer . I was Using visual composer since long time .
      Regards,
      Rahul

  • @confusedentrepreneur
    @confusedentrepreneur 4 ปีที่แล้ว

    Wow... Tat was so helpful ... But how to put read less button after the text expands , to minimise the expanded text ...
    Thanks in advance ...

  • @terrencekoch5181
    @terrencekoch5181 4 ปีที่แล้ว

    You are a legend! Thank you!

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

      Thanks mate ❤️

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

    how to justify the paragraph? please help

  • @baris.jura98
    @baris.jura98 3 ปีที่แล้ว

    I wish I was you
    Thank you for this video

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

    Thank you!!!!

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

    Thanks again for the video -- I've another question: How can you avoid that, where you have a two column-setup and put such a read more toggle into one of the columns, which is shorter than the other when the toggle is inactive, but exceeds the length of the other when the toggle is active, i.e. when the "read more" button is clicked, that the extended toggle text then overlaps with the following section. One way appears to be using "default positioning" instead of absolute one, but the downside to this is that then, you may have a lot of empty space on top of the column with the toggle as long as it is not activated. Many thanks in advance.

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

      Hello cez ,
      Toggle shouldn't be created in 2 column when content is Large .
      I can suggest to create one more row just below that row . And try to add smooth scrolling effect by using page id . Once they clicked read more they automatically scrolled to below section .
      Hope this suggestion will help you .
      Regards,
      Rahul

    • @Gomahamaya
      @Gomahamaya  4 ปีที่แล้ว

      If you find my suggestion helpful do consider subscribing our channel to receive more update,
      Regards,
      Rahul

    • @cez6746
      @cez6746 4 ปีที่แล้ว

      Hello, @@Gomahamaya -- thanks very much for your reply -- I've subscribed.

  • @akik007
    @akik007 4 ปีที่แล้ว

    Wow..! That worked like a magic..! Thanks a ton for the video. However, I have a question - Since there's no text alignment option available for the Toggle widget, how can I align the Title and the Content texts separately..? Any fix to this issue available..? I need to keep the Read More as right-aligned and the Content text as justified to keep the consistency with the main (upper section) text. Thanks in advance.

  • @PratibhaSrivastava-v2h
    @PratibhaSrivastava-v2h 17 วันที่ผ่านมา

    thank you so much

  • @alaahmed9459
    @alaahmed9459 4 ปีที่แล้ว

    Perfect >>>

  • @ntmu1988
    @ntmu1988 4 ปีที่แล้ว

    Sir...
    Css code is not working to me...
    What can i do..

    • @Gomahamaya
      @Gomahamaya  4 ปีที่แล้ว

      Hello prashath ,
      Code has to work . Because that's a simple CSS . Kindly the please pay attention on CSS classes . You are making mistake there many people are getting benefited from my code . It's has to work my friend .
      Regards,
      Rahul

    • @ntmu1988
      @ntmu1988 4 ปีที่แล้ว

      @@Gomahamaya ok..sir
      I think is not working...when we create three colums...
      But when i create one row..it is working...
      If it possible to make working of three colums..

    • @Gomahamaya
      @Gomahamaya  4 ปีที่แล้ว

      Hello prashath PT ,
      You told clearly it's not working . It's creates negative effect on visitors . Kindly please appreciate our hard work . If it's it working .
      If you CSS class will be same in all the columns then it will work means it has to work . But your website visitors has to click on each and every columns

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

    awesome!

  • @lopeslisboa1
    @lopeslisboa1 4 ปีที่แล้ว

    very good,
    won a follower,
    how do I put a button to close?

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

    Thank you

  • @seemashelar5522
    @seemashelar5522 4 ปีที่แล้ว

    What about read less

  • @suzanaalmaluskovec4232
    @suzanaalmaluskovec4232 4 ปีที่แล้ว

    Thank you!

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

    Perfect

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

    damn this gu reminds e of little kid too much of jargons a video that could have explained under 7 minutes the man ensured it goes upto 12 wowow but was helpful tnx LOL

  • @sbonzon
    @sbonzon 4 ปีที่แล้ว

    Great, thanks.

    • @Gomahamaya
      @Gomahamaya  4 ปีที่แล้ว

      Hello Stephane ,
      Glad to hear that you find my video so helpful do consider subscribing our channel to receive more update related to WordPress .
      Regards,
      Rahul

  • @ruchirui_lustros
    @ruchirui_lustros 4 ปีที่แล้ว

    realy thx for your video) Hallo in Ukraine )

  • @xae-a-xiimusk7542
    @xae-a-xiimusk7542 3 ปีที่แล้ว

    sir can you pliz make a video for learn more

  • @GinaAnagnostopoulou
    @GinaAnagnostopoulou 4 ปีที่แล้ว

    Easy and very clever !!! Thank you.

  • @anjunblog4371
    @anjunblog4371 4 ปีที่แล้ว

    Nice

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

    Wow what a headache. Still didn’t get it

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

    Bhai readless ka nhi h agar kisko band krna ho to

  • @hareemcrafts9737
    @hareemcrafts9737 4 ปีที่แล้ว

    hahaha awesome trick :D

    • @Gomahamaya
      @Gomahamaya  4 ปีที่แล้ว

      Did you really find it useful . I am confused you are supporting my work or unhappy with my work 😔 .
      If you find it useful do consider subscribing our channel to receive more update related to WordPress.
      Regards,
      Rahul

  • @אילוןמעיין
    @אילוןמעיין 4 ปีที่แล้ว

    thanks

    • @Gomahamaya
      @Gomahamaya  4 ปีที่แล้ว

      Hello My friend ,
      Glad to hear that you find my video so helpful do consider subscribing our channel to receive more update related to WordPress.
      Regards,
      Rahul

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

    tu sauves frère

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

    use toggle,
    dont waste time

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

    fuking video take long time

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

    sorry, too chaotic and too fast

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

    sir

  • @KEI-um1kc
    @KEI-um1kc 3 ปีที่แล้ว

    Please for the love of anything dear to you, get to the fucking point

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

    Bakwas

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

    Thank you!

  • @aartirathore4216
    @aartirathore4216 4 ปีที่แล้ว

    thanks

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

    thanks

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

    Thanks