Recreate this Elementor Widget with Cool Hover Effects in Bricks Builder | WordPress Tutorial

Поділитися
Вставка
  • Опубліковано 2 лют 2025

КОМЕНТАРІ • 19

  • @ZachariahWiedeman
    @ZachariahWiedeman Рік тому

    I LOVE how that shadow drops down when the picture zooms. Such a nice effect!

  • @user-cr2sp7my8h
    @user-cr2sp7my8h 7 місяців тому

    Amazing, I just learned how to enlarge an image on hover, and so simple to create this effect! Thanks for sharing!

  • @Skratchable
    @Skratchable Рік тому

    "class names are a pain the ass" I felt that... 😑Great job again, Cracka!

  • @ZachariahWiedeman
    @ZachariahWiedeman Рік тому

    I've been working on something similar - except the photo is in full color natively and gets a conditional color overlay on hover. This video was SO helpful, thank you!!

  • @skjelstad777
    @skjelstad777 Рік тому +1

    So gooood tutorial 💌

  • @malikqatagan8977
    @malikqatagan8977 Рік тому

    Thank you !

  • @adamu6941
    @adamu6941 Рік тому

    thanks for all thoses CSS tips ;)

  • @chantscreen
    @chantscreen Рік тому

    Once again, fantastic! Thank you.

  • @crundi
    @crundi Рік тому +3

    Well done sir. I prefer these types of videos. Building cards is a common occurrence, wouldn't it be great if Bricks did some of the heavy lifting with some kind of Card module. This process just takes wayyyy too long (in my opinion).

    • @DesignwithCracka
      @DesignwithCracka  Рік тому

      Maybe, but in practice it takes much shorter than the video, that’s because I had to explain what I’m doing. Even faster if you use css instead of using the builder controls.

    • @crundi
      @crundi Рік тому

      @@DesignwithCracka That's true. I guess if I was using Bricks as my main builder I could create my own and save it to some kind of template library for future projects?

    • @DesignwithCracka
      @DesignwithCracka  Рік тому +2

      @@crundi absolutely, you can save it as a template and reuse it across multiple sites

    • @ocratest
      @ocratest Рік тому

      @@DesignwithCracka The other benefit of your method, is you can then apply it to whatever you like. The cards can be in any layout, it could be wrapped in a hero section, a CTA even a Fullscreen nav. I actually hope Bricks doesn't clutter itself with too many "widgets".

  • @TobiasKarnetzke
    @TobiasKarnetzke Рік тому

    Looks great and well done.

  • @Cragdaro
    @Cragdaro 9 місяців тому

    What is confusing for me is, when you applied text color on Id level, why does it only afftect the card, when it's hovered?

  • @Cragdaro
    @Cragdaro 9 місяців тому

    hey, when you wanted to paste something, there was a list of elements in the clipboard. What programm or shortcut is this?

    • @DesignwithCracka
      @DesignwithCracka  9 місяців тому

      Windows clipboard feature. Activated by windows key + V

  • @moncholo_
    @moncholo_ Рік тому

    Nice aproach ! Didnt know that hack when you apply hover and change other classes ! But why didnt you do it with css?
    And most important: are you teaching how to code to those kids? Hahaha 😂

    • @DesignwithCracka
      @DesignwithCracka  Рік тому +1

      The idea was to do most of it with native Bricks features.