Modern layout with inverted border radius and text wrap in Breakdance Website Builder for WordPress

Sdílet
Vložit
  • čas přidán 17. 07. 2024
  • Learn how to create a modern slick UI in breakdance with text wrap, inverted border radius and many other techniques.
    GET BREAKDANCE - Best in class visual builder for WordPress
    breakdance.com/ref/50/
    Breakdance Builder | Oxygen Builder | WordPress | Tutorial
    #wordpress #breakdancebuilder #oxygen #oxygenbuilder
    FACEBOOK GROUP: / designwithcracka
    FOLLOW ON TWITTER: / udoroessien
    GET AUTOMATIC.CSS - A time saving utility class for WordPress websites
    automaticcss.com/ref/37/
    --------------------------------------------------------------
    GET MOTION.PAGE - Interact & animate any WordPress site
    motion.page/go/dwc/
    --------------------------------------------------------------
    GET RECODA WORKSPACE - Advance workspace for Oxygen Builder
    recoda.me/workspace-store?via...
    --------------------------------------------------------------
    GET 20% OFF HOSTING PLAN FROM HOSTINGER
    hostinger.com/?referralcode=1...
    DISCLAIMER: This video or description contains affiliate links, which means that if you click on one of the product links, you'll be supporting the channel, and I’ll receive a small commission.
    =============================================
    BOOK A 1-HOUR CONSULATION
    calendly.com/designwithcracka...
    =============================================
    BUSINESS ENQUIRY: udoroessien@gmail.com
    =============================================

Komentáře • 55

  • @MatLitteL
    @MatLitteL Před rokem +3

    Great video Cracka nice to see you helping the Breakdance community 😊

  • @blueinarts_
    @blueinarts_ Před 5 dny

    Thank You!

  • @sampsonorson
    @sampsonorson Před 24 dny

    You may want to try using. A .clearfix class on the container that contains the floated element

  • @DesignRobPearce
    @DesignRobPearce Před rokem +2

    Nice one. People asking for Oxy and Bricks tuts I mean if you know enough to use those systems already then just follow along with this and think a little, they share 95% same principles. Unfair for Cracka to do repeating/all the work covering mostly the same processes in a different UI.

  • @t.t.3627
    @t.t.3627 Před rokem +11

    can you maybe doing the same with oxygen and bricks?

    • @stephaniealexis5953
      @stephaniealexis5953 Před rokem +1

      Yes please! This would be awesome for oxygen

    • @t.t.3627
      @t.t.3627 Před rokem +2

      ​@@stephaniealexis5953 It would actually be a very cool concept for him if he made either 3 separate videos of his design ideas. Once for Oxygen, once for Bricks and once for Breakdance. Or he does everything in one video, but that wouldn't make sense from a monetizing point of view? Cracka what do you say to that? It's actually a good idea, isn't it?

    • @chantscreen
      @chantscreen Před rokem +4

      Yes please in Bricks!

    • @Skratchable
      @Skratchable Před 11 měsíci +1

      @@t.t.3627 would it make much sense to make 3 separate videos? the fundamental concept is the same but the builder UI/workflow is the only major difference

  • @t20sgrunt36
    @t20sgrunt36 Před rokem +2

    Haha, I was wondering when this got its video. The box shadow on the absolutely positioned items was very clever (I would have fumbled through an SVG mask). Keep up the great work Cracka!

  • @barr.kolawolebase7299
    @barr.kolawolebase7299 Před 2 měsíci

    Brilliant!

  • @mightylotan
    @mightylotan Před 11 měsíci

    Very creative, love it!

  • @ThierryC-te3rx
    @ThierryC-te3rx Před rokem

    Cracka cracked it !

  • @kontrast3460
    @kontrast3460 Před 5 měsíci

    Amazing guy, huge thanks!

  • @stephanepruvost1732
    @stephanepruvost1732 Před 4 měsíci

    nice work

  • @bjornevans8928
    @bjornevans8928 Před rokem +2

    Awesome work, great tutorial. I especially like how you explain how to use the fancy divider with heading tags.

  • @EliasRise
    @EliasRise Před rokem +3

    Can you do it in Bricks Builder?
    thumbs up execute :)

    • @shepdesign
      @shepdesign Před rokem

      You'd literally do the same thing

  • @t.t.3627
    @t.t.3627 Před rokem +1

    great video :)

  • @AJ-vy4yu
    @AJ-vy4yu Před 2 měsíci

    This is gold. I always wondered how people do this effect.

  • @simplesideia
    @simplesideia Před 6 měsíci

    Top ...parabéns.

  • @byfunkyoid2917
    @byfunkyoid2917 Před 7 měsíci

    Keep videos on Breakdance coming. Great stuff.

  • @JRGWxRxZ
    @JRGWxRxZ Před rokem

    You're a Real "CSS Crack Guru" 👍, everytime i'm learning something New with you Cracka, you deserve more followers

  • @beconsites
    @beconsites Před rokem

    Thanks you for a great tutorial, I would have struggled for many days trying to work out how to do that on my own!

  • @moog6513
    @moog6513 Před rokem +2

    AWSOME !!! Thank you so much 🙏. I've learned a lot from this video 💯💫

  • @highvibee
    @highvibee Před 6 měsíci

    Super!!! Good elegant job --- Love Breakdance and this channel...

  • @petegrant3251
    @petegrant3251 Před 4 měsíci

    Great...many thanks :) We don't use Breakdance however have used Oxygen in the past. Adapted this slightly to use with our preferred theme and works just great :)

  • @ApurvaKashyap-kj6qz
    @ApurvaKashyap-kj6qz Před 8 měsíci

    this is simply awesome .. dont know please tell me someone to do the same in CSS and javascript

  • @user-ug7ih6di3d
    @user-ug7ih6di3d Před 2 měsíci

    Go this build in bricks builder please!

  • @thewebstylist
    @thewebstylist Před rokem

    🎉💯👏🏻

  • @bergencounty6602
    @bergencounty6602 Před 11 měsíci

    For lead gen websites, which theme or builder do you recommend?

  • @jhonnatanr
    @jhonnatanr Před rokem +2

    Such a great and interesting video! I’ve seen that layout a few times but had no idea how it could be created. Watched the video, I’m new to builders but I’m guessing that it can also be done on Bricks builder?

    • @DesignwithCracka
      @DesignwithCracka  Před rokem

      Sure

    • @shepdesign
      @shepdesign Před rokem

      Yeah but Breakdance is superior

    • @jhonnatanr
      @jhonnatanr Před rokem +1

      @@shepdesign Coming from Elementor, I used to think the exact same. I believe breakdance is great for premade templates and for ease of use. However given that I want to learn more and make more custom layouts with better functionality, I decided to go with Bricks. I did a lot of research and even asked the opinion of Cracka, in the end Bricks works the best for me.

    • @shepdesign
      @shepdesign Před rokem

      @@jhonnatanr They definitely serve their own unique purposes. Breakdance, Bricks and Oxygen are by far the best page builders on the market.

    • @jhonnatanr
      @jhonnatanr Před rokem +3

      @@shepdesign I completely agree with you on that one, I was going to purchase breakdance but they raised their price a few days ago so I purchased Bricks first to lock in that lifetime license.

  • @javieralbertoarias3159

    Can i re-build something similar in Bricks? Thanks for your work, Helps a lot a people around world

  • @acidset
    @acidset Před 6 měsíci

    Can't this be done with the Mask maker element and a custom shape?
    Or is this different

  • @KABAROSTUDIO
    @KABAROSTUDIO Před rokem

    thanks this is amazing I have one question to ask, you have used grid CSS for this design Why not FlexBox?

    • @DesignwithCracka
      @DesignwithCracka  Před rokem +1

      I used columns, not css grid. Columns is flexbox.

    • @KABAROSTUDIO
      @KABAROSTUDIO Před rokem

      @@DesignwithCracka ooh my bad thank you so much for explained

  • @barr.kolawolebase7299
    @barr.kolawolebase7299 Před 2 měsíci

    Is this so much differs from Elementor?

  • @behnamashouri2449
    @behnamashouri2449 Před rokem

    Hi cracka
    In the advanced tabs in Breakdance, switching between tabs is possible with click. there is no hover option. is there a way to change tabs with hover?

  • @chillydoog
    @chillydoog Před 6 měsíci

    Can you do this with bricksbuilder?

    • @DesignwithCracka
      @DesignwithCracka  Před 6 měsíci +1

      Not without extra custom code or plugin like MotionPage

    • @chillydoog
      @chillydoog Před 6 měsíci

      thanks you. it would be cool to see a custom code solution. @@DesignwithCracka

    • @chillydoog
      @chillydoog Před 6 měsíci

      Can Advanced Themer acheive this effect? @@DesignwithCracka

  • @whatamiwitnessing1003

    Very good, but the rounding is not consistent. People with a good eye will notice this.

  • @BGdev305
    @BGdev305 Před rokem

    Bricks?

  • @no1r324
    @no1r324 Před rokem

    Meh It doesnt look the same

    • @shepdesign
      @shepdesign Před rokem +2

      How about you do it then and share with everyone