How To Add A Beautiful Hover Reveal Effect To The Divi Blurb Module

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ธ.ค. 2024

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

  • @hadejet6585
    @hadejet6585 3 ปีที่แล้ว +10

    I can't understand why this channel doesn't have 100k subscribers. The best Divi knowledge base in the internet. Thank you Nelson. Top man!

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

    I was looking for just this code last year. Thanks Nelson

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

      Last year? 🙂

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

      @@PeeAyeCreative yup. I saw an effect like this and wanted to apply it to a divi site.

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

      Nice

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

    Pretty cool tutorial. Really like your stuff. Got this to work but no matter what I did I couldn't get the body/description to center, but could get the header/title too do so after tweaking it like you mentioned in the video.

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

    Amazing tutorials, thank you Nelson!
    I encounter one problem:
    using this in a row with 3 columns, the title and body text on top of the blurb on the right side only covers the left half of the blurb instead of being centered over the whole blurb like the other two. Any suggestions what settings might be interfering with the code?
    Many thanks!

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

      I can't think of anything, not sure what's going on there.

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

      Same issue here! 😞

  • @john-j3
    @john-j3 3 ปีที่แล้ว +1

    Thank you for this one!

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

    Thanks again! :-)

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

    Hello, thank you so much for the awesome information. I have a tiny problem, when I edit the text inside the blurb, my title and the text aligns to left when I hover on the image. I tried to change everything but I still have the same problem.

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

    Thanks man

  • @holi-me
    @holi-me 2 ปีที่แล้ว

    Hello Nelson, Thank you for this! :-) I have a question In your tutorial the text is placed nicely centered. But not on my website, the text when hovered is aligned left. How can I change that? Thank you!

  • @Hgrewssauujdkhvcjjipp
    @Hgrewssauujdkhvcjjipp 7 หลายเดือนก่อน +1

    Cool 🎉

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

    Nice!

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

    Simple hovering isn't my challenge today. I want to take my main image( 4 step Lifecycle diagram), which has a percentage of darkening filter applied to the whole image. As the user hovers over each tab of the lifecycle, I would like it to either add a new photo of that one module that overlays the filtered basic, or I want it to un-filter that specific tab. Alongside that, I want it to have a box that gives detailed description to that unfiltered tab. Also, if it could slightly magnify that module, that would be an extra bonus....

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

    Hi there, can this code work on a blog post module?

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

      No but we have a separate tutorial on that exact thing.

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

    Hello Nelson, I am facing some issues.
    1st. when I put the code in style.css it's is not working. I am using your child theme.
    2nd. When I put the css code which you have provided here, in [built-in CSS editor] one desktop and mobile view hover over text looks center but on tab view it is on left and appear very small. Help please. thanks

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

    Good! Where do we access the code snippet? Thanks

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

      The link to the blog post is in the description of all of my videos 🙂