It is a really GREAT tutorial ! I directly copied in the Theme customizer (CSS style section) and it works like a charm. I am not even a beginner in CSS. One small bug: the h3 does not increment for the 1st section (it will show: 1.1 titleA, 1.1 titleB, 1.1 titleC) , it starts only incrementing from the 2nd section onwards. I don't know what should be changed...
@@YasienSarlie it depends on why you need another builder. Since you’re already using Oxygen and Zion, I’d say try Breakdance, it’s different from the others. Check out my review on the latest release.
Thanks, very helpful. You might not believe it, but I was watching the same thing to implement it to one of my blocks. I watched some html css tutorials which explained this counter CSS, but I didn't have time to do it on my site. The only difference for me is I need to do it inside my loop block, for example I want to show the most popular or most commented articles or products in my sidebar, then I wanted to show the numbers from assume 1 to 10. I assume I can use this method for the loop as well? Right? I tried it inside my loop, but I can't work it out 🧐
Okay just updating that we resolved this, in case anyone has an issue, remember to set the loop item to position relative if the ::before is set to absolute.
Screen readers read the CSS generated content in Chrome, Safari, and Microsoft Edge. Firefox is generally bad with screen readers, so If the content conveys information that is critical to understanding the page's purpose, it is better to include it in the main document.
Very handy tips🎉
Thanks, your videos are excellents 👍
It is a really GREAT tutorial ! I directly copied in the Theme customizer (CSS style section) and it works like a charm. I am not even a beginner in CSS. One small bug: the h3 does not increment for the 1st section (it will show: 1.1 titleA, 1.1 titleB, 1.1 titleC) , it starts only incrementing from the 2nd section onwards. I don't know what should be changed...
So useful, also your videos are great
Great content! Super useful. And nice hat too!
Yay, thank you!
Great tutorial Cracka, thanks.
You're welcome!
Very useful content content as always. Thank you very much Udoro.👍
Glad to hear that!
@@Jody-nf2bz view in HD. I do hope you aren’t viewing on mobile. But you could pinch zoom on mobile.
@@DesignwithCracka You were right! I looked at it with my laptop and it looks real good. Thanks a lot.
Thanks!
Thank you! 🙏
@@DesignwithCracka using Zion now. I want to add another builder, apart, from Oxygen. What do you recommend between Bricks & Breakdancer?
@@YasienSarlie it depends on why you need another builder. Since you’re already using Oxygen and Zion, I’d say try Breakdance, it’s different from the others. Check out my review on the latest release.
I do lots of woocommerce sites and finding these builders lacking and taking so long to improve the woocommerce features
you deserve more than like and subscribe. good one Cracka.
Awesome! Thanks for sharing.
Brilliant tutorial!
Very useful tutorial, thank you Udoro ! Just a quick remark : there is a typo in your title 😉
Oh thanks!
thanks
Thanks, very helpful. You might not believe it, but I was watching the same thing to implement it to one of my blocks. I watched some html css tutorials which explained this counter CSS, but I didn't have time to do it on my site. The only difference for me is I need to do it inside my loop block, for example I want to show the most popular or most commented articles or products in my sidebar, then I wanted to show the numbers from assume 1 to 10.
I assume I can use this method for the loop as well? Right?
I tried it inside my loop, but I can't work it out 🧐
Okay just updating that we resolved this, in case anyone has an issue, remember to set the loop item to position relative if the ::before is set to absolute.
Nice tutorial, but I assume this is not a good appoach in case you care about accessibility? Or is the data-text available to screen readers as well?
Screen readers read the CSS generated content in Chrome, Safari, and Microsoft Edge. Firefox is generally bad with screen readers, so If the content conveys information that is critical to understanding the page's purpose, it is better to include it in the main document.
@@DesignwithCracka Thanks, thats valuable info.