Bricks Builder Trick - Glowing Cursor on Card Hover
HTML-код
- Опубликовано: 6 дек 2023
- Link to the code snippets 👇
lytboxacademy.com/bricks-buil...
Link to the Elementor version of this tut
• New Elementor Design T...
===================================
🟣 ////// Learn Powerful SEO for WordPress
lytboxacademy.com/seo-for-wor...
===================================
🟢 ////// Master Elementor with Better Designs
lytboxacademy.com/design-with...
===================================
🔵 ////// Learn to Build and Sell WordPress Maintenance & Care Plans
lytboxacademy.com/maintenance...
===================================
🏆 ////// Become a Lytbox Pro Member
lytboxacademy.com/the-academy/
===================================
🌟 ////// Personal 1-On-1 Elementor Training
tidycal.com/lytbox/elementor-...
===================================
////// The Hosting I use:
👉 Hostinger (Best for beginners & smaller budgets)
www.hostg.xyz/SHDX8
👉 Cloudways (Best for scaling web businesses)
www.cloudways.com/en/?id=485185
👉 RunCloud (Best for professionals)
runcloud.io/
////// WordPress Tools I use:
👉 Bricks Builder
bricksbuilder.io/
👉 Elementor
be.elementor.com/visit/?bta=4...
👉 Breakdance
breakdance.com/ref/390/
👉 Crocoblock
crocoblock.com/?ref=2021
👉 SEOPress Pro
www.seopress.org/?ref=854
👉 Perfmatters
perfmatters.io/?ref=1230
👉 WP Umbrella
wp-umbrella.com/?fpr=jeffrey83
👉 InstaWP
instawp.com/?via=jeffrey
Thank you for supporting my channel 🙏 - Jeffrey @ Lytbox
#elementor #elementortutorial #elementorwordpress 
Хобби
Dude, this is fantastic. I've been digging into which builder to choose, and now I'm totally sold on Bricks. This tutorial is spot-on - exactly what I need. It beautifully merges actual coding for detailed site customization with the convenience of a CMS platform, plus a robust theme as a foundation. Looking forward to more of your tuts!
Wow, I loved this tutorial! I'm desperate for more. Seriously, the internet needs more top-notch Bricks content like yours. Please keep creating!
This is awesome to hear and definitely more to come!
More Bricks content!!! Best builder hands down! Specifically Dynamic Data with custom php / JS code.
i watched your elementor tutorial 2hours ago,for this and i was going to replicate the process in bricks and suddenly i noticed there is a new bricks tutorial. Thank You
Perfect timing! Awesome 😎
Please make more tutorials on Bricks Builder
This is great!! Please keep up the Bricks series :)
I definitely am and already working on the next one. I appreciate this! Cheers
Great tutorial, thanks.
Great such cool effect videos are always welcome.....Subscribed.
That's such a cool effect
Thanks! 🙏
Amazing effect and a really well explained tutorial 🔥 The Bricks community needs more of this type of great quality content!!! Thank you very much! Just added to a site I am currently working on, and the effect is dope! 😍
A huge thanks! I’m so glad to hear this and looking forward to more dope Bricks tuts!
Am now a new subscriber
Amazing, need more :)
Awesome! More on the way!
Terrific. More!!!
For sure! More is on the way 😉
Amazing!!
Thanks! 🙏
Also a bricksland now! Wise decision 😉👍🏼
Awesome 🎉 Bricks and AT are simple great 👏👏👏🥳
Bricks and AT is like level 5 Super Saiyan mode! A beastly combo
I did it again from scratch and it works, very helpful tutorial, thank you!😀Liked and subscribed :) I hope for more interesting materials using bricks.
Awesome! And for sure, I’m looking forward for more Bricks tuts
Great effect. Thank you for sharing. Since I wanted to use it in a query loop and couldn't get nth-of-type to work to change the blob color, I opted for a gradient - works perfectly. I also changed the CSS by adding top:-50% to the .blob CSS because for some reason the blob was not centered on my cursor.
Nice one! I gotta try the gradient now!
Very good tutorial. I would have a small improvement: To get the animation between several boxes more fluently, I have set the opacity of the class .blob to 1 and removed the part with mouseenter / mouseleave from the js.
This way the blob glides into the other box without the cursor having to be in the other box. Feel free to try it out.
More videos like this please
nice
This is great, but so advanced... any chance you can do an easier tutorial with just the Bricks builder with no add-ons?
Hey Jef, do u have a video about how to get started in usinh bricks?
Would be nice if you get the edges to glow when hovering between the cards. Getting the full glow and revealing the circle only when the mouse enters the card.
Hello,
Looks Great. However, this is not working for me. I tried to look on the code and other things and double check everything, still not working. Then I check your site and found the code here and on site is different. Can you please suggest which one is the updated one and the correct one too. Also, I tried both codes, but no one works. Then I look onto the Live example page where you shows how it reflects. And even on your site also, it is not working. Showing exactly what and how it is appearing for me.
Can you please look into that Live example page. And check the code and update the steps with code on the site page. And let me know here.
Regards
Do you have any videos or opinions on Elementor vs Bricks? Curious if Bricks is worth exploring.. I’ve been exclusively using Elementor for 4+years
I’ve been considering making this video. I’ve also been a Elementor power user for several years and it’s served me well. But I started using Bricks this year and after a few sites, I fallen in love with it. It’s really next level and definitely worth exploring.
Can you make a video about customize comment section in blog post
thanks a lot
That’s a good idea! We just did some customizations to the Lytbox Academy site’s comments. I’m adding this to my idea board. Cheers!
What is that screen that pops up from the left with workflow items?
It’s the Arc Browser. If you have a Mac you gotta try it. I believe it’s in beta for PC now too
BEM
Segui tu tutorial paso a paso y no me salio el efecto. Perdi mi tiempo... Gracias igual.
What's the framework you ate using in Bricks?
It’s the Core Framework with the Bricks addon. 👍
@@WPTuts Thanks, I was looking into using Core Framework, and I just wanted to check if Core Framework works with Advanced Themer, as both have color management for example, would they conflict?
@@issakhlief I believe there is support for CF in AT, but you can ignore all the colour options in AT and just use CFs functions.
That’s what I’m doing with my builds. 😁
@issakhief I’m using Core Framework paired with Advanced Themer. All my variables including my colors are managed in AT, components like buttons, forms, lists, cards etc I set up in Bricks classes with my own framework and all modifiers I have set up through CF.
It’s still a work in progress getting my system optimized for productivity and best practices but I’m about 95% there where I’m feeling good with the overall flow.
I’ll be sharing all of this soon in an upcoming video.
@@LytboxStudiofantastic this is the same thing I am trying to achieve to balance the different systems for maximum efficiency, I would love to know the results of your research
Great tutorial although I am baffled as to why you use so many framework classes for things like a border radius, z-index, card padding and so on. Surely it would be easier to add those to the custom class for the card so that if one day you suddenly decided you wanted more padding, you'd have to change it on every single card on the website. If you just added some padding to the class then you change it in one place and the whole site updates. Same with border radius, maybe you wanted it square instead of curved...if you had 20-30 cards on your site, that's a big job bro...just add the border radius to the class.
I create my cards as components and add the styles directly to the card for this purpose, to not add heaps of classes.
This is a tuts site and doesn’t have any comments set up yet. Right now I’m only adding styled components to production sites I work on.
Good points though, glad you brought them up so others can learn. Cheers
First! Even though I don't use bricks..
Nice one! Cheers!
get that LTD before it goes up in price! it's a great tool