ACSS 101.06: Color Palette Setup
28:19
ACSS 101.05: Smart Spacing
26:49
ACSS 2.4: Contextual Colors
12:59
Жыл бұрын
Пікірлер
@johnpixle
@johnpixle 20 сағат бұрын
Preach brother!!!
@exoticammu
@exoticammu Күн бұрын
seems a dumb question but why not use buttons on the header instead of doing a nth-last-child
@AutomaticCSS
@AutomaticCSS Күн бұрын
Because semantically you want those options to be part of the navigation. They will also show up in the mobile menu automatically this way.
@ryrimsky
@ryrimsky Күн бұрын
Kevin, you're the man. 🥴
@andrewflight4879
@andrewflight4879 Күн бұрын
Another great ACSS 101 tutorial! Quick question re the link rules, can you add a class to exclude the link styles or only ID’s like in the video?
@AutomaticCSS
@AutomaticCSS Күн бұрын
Any valid selector
@andrewflight4879
@andrewflight4879 Күн бұрын
@@AutomaticCSS Fantastic, thank you!
@stphnmwlkr
@stphnmwlkr 2 күн бұрын
From teaching the difference between the intents of a link and a button to the flexibility and power of the framework, this is just another example of Kevin's willingness to educate and the power of ACSS. Thank you!
@eucalyptech
@eucalyptech 3 күн бұрын
Such a powerful feature, thank you Kevin 😃
@liamdawson89
@liamdawson89 3 күн бұрын
Thanks Kevin, such a helpful video. I followed along but my accent--after pseudo element creates a horizontal scroll bar as it goes outside the width of the site. Would really appreciate it if you could describe how to fix this? Thanks
@AutomaticCSS
@AutomaticCSS 3 күн бұрын
Add overflow hidden to the section
@liamdawson89
@liamdawson89 3 күн бұрын
@@AutomaticCSS Thanks for your reply. I've tried this but it cuts off the mobile phone image. I also tried overflow-x: hidden but that creates a vertical scroll bar within the section
@noe.galarza
@noe.galarza 3 күн бұрын
Brutally insane! 😍🤯
@Louis-C-online
@Louis-C-online 4 күн бұрын
Focus style utlity classes are amazing, I didn't know we had that in ACSS
@Louis-C-online
@Louis-C-online 4 күн бұрын
I didn't expect much from this video about buttons to be honest as it seemes pretty straightforward to me, but there's a lot to see ! @26:03 : that's where the magic happens
@joejauregui1372
@joejauregui1372 4 күн бұрын
Pretty cool to learn that fun fact about buttons and links. Thought you might want to know Im building a totally automated and custom WP website for a business idea I have and seriously no joke I didn’t even know what Wordpress was or the difference to a WIX site 6 months ago, n and between PB 101, ACSS 101, WDD Live, and The Inner Circle I have literally learned enough to build my site. SERIOUSLY CAN’T THANK YOU ENOUGH!!!
@davidwalls2304
@davidwalls2304 4 күн бұрын
Short, sweet, and to the point!
@robmaric
@robmaric 4 күн бұрын
Love it! Absorbing each of these vids as I build my first ACSS site.
@derekshort
@derekshort 4 күн бұрын
Is there a calc formula for a responsive maximum width of text? For example, I typically use 65ch on paragraphs that have a font size of 16px. That won’t work on bigger font sizes such as headings. It's tricky because the units are different - ch versus px (characters versus pixels). Would you please formulate one, Kevin? 😊🙏🏻 You’re great at this stuff.
@derekshort
@derekshort 4 күн бұрын
Red and white?? 😬My eyes!! Lol
@stripedgoat8470
@stripedgoat8470 4 күн бұрын
🤙🏼🤙🏼
@dahunsi
@dahunsi 4 күн бұрын
A no frills tutorial
@michaelvandinther
@michaelvandinther 4 күн бұрын
🔥
@LupusDesign
@LupusDesign 4 күн бұрын
Short, but to the point! Granular controls are superb!
@velocitytechsolutions
@velocitytechsolutions 4 күн бұрын
For Me, this are the best source of learning.
@captainfire74
@captainfire74 5 күн бұрын
Wow, that got dark pretty quickly !!!
@robmaric
@robmaric 5 күн бұрын
I looove the the mixin thing for 3rd party buttons. Will that approach work for form input fields too?
@AutomaticCSS
@AutomaticCSS 4 күн бұрын
It should work for unsupported form systems for buttons. There are no input mixins currently, but it’s probably a good idea.
@LupusDesign
@LupusDesign 5 күн бұрын
ACSS isn't just a framework. ACSS is a powerful utility that empowers web design. Excellent tutorial!
@ceescoenen
@ceescoenen 5 күн бұрын
So happy with this framework. Amazing!
@dynamic-homepages
@dynamic-homepages 6 күн бұрын
Thanks for the tutorial =)
@alexander-van-aken
@alexander-van-aken 6 күн бұрын
This new ACSS layout is beyond perfect. I'm serious about what I do and with ACSS and the new layout and all your training, this is by far the best thing I have ever experienced in the world of WordPress.
@AutomaticCSS
@AutomaticCSS 5 күн бұрын
🙏🙏🙏
@joachimauster
@joachimauster 6 күн бұрын
Missed the "button" stylling in main navigation in header. @automaticCSS: When does the video for that will come?
@AutomaticCSS
@AutomaticCSS 5 күн бұрын
Not sure what you mean? Can you clarify?
@joachimauster
@joachimauster 5 күн бұрын
@@AutomaticCSS If a Button (CTA) needs to be at the "End" of Main-Navigation in Header. I remember that Kevin told somewhere, not to use a separate button, instead do CSS with last navigation item. Now better understandable?
@AutomaticCSS
@AutomaticCSS 4 күн бұрын
@@joachimauster yes, you can target the last link in the menu and use the btn() mixin.
@joachimauster
@joachimauster 4 күн бұрын
@@AutomaticCSS Found the video randomly, that I remembered: kzfaq.info/get/bejne/fbaYdcuCs7ilYmw.html Do you mean this video (found now randomly) and the methods in it with what you call "Mixin"? Or is "Mixin" a different method, if yes, where can I find the relevant video on how to use it correctly?
@BrendanOConnellWP
@BrendanOConnellWP 6 күн бұрын
dude you're a machine! these are great, thanks.
@robmaric
@robmaric 6 күн бұрын
Loving these features! An issue though: I'm not getting btn--primary-light showing up in my utility class list. Only btn--primary. I can add btn--primary-light manually but it ends up just being a non-locked custom class. However it does work still. The button gets the primary light styling (confirmed both visually and in Chrome inspector). I am on v3.0.0-rc-2. All variants are enabled under Primary button options.
6 күн бұрын
Same issue, either it doesnt shown btn--neutral
@TheMaxiviper117
@TheMaxiviper117 6 күн бұрын
Same issue
@AutomaticCSS
@AutomaticCSS 5 күн бұрын
Deactivate and reactivate ACSS. Did you upgrade from 2.x? Either way just add it manually and lock it if need be. It’s inconsequential. The code is in the stylesheet.
@robmaric
@robmaric 5 күн бұрын
​@@AutomaticCSS I deactivated and reactivated ACSS. No difference. I upgraded from v3.0.0-rc-1 (I've never used 2.x. rc-1 was the initial install). If I set it manually will it not collide with the utility class name when it shows up when the issue is resolved?
@AutomaticCSS
@AutomaticCSS 4 күн бұрын
@@robmaric I've confirmed these are missing from auto-suggest. I've added them in the next update.
@whatznext28
@whatznext28 6 күн бұрын
With every video that drops I get better and better 🤯
@thorsten-roever
@thorsten-roever 6 күн бұрын
Thanks!
@derekshort
@derekshort 6 күн бұрын
Gradient buttons?? My eyes! 🫥🤢🤮
@derekshort
@derekshort 6 күн бұрын
22:29 What happened? 🤔Why the purple screen?
@Tom-pl4co
@Tom-pl4co 5 күн бұрын
I think that is some sort of mouse cursor spotlight feature. Windows has something similar.
@AndreSalata
@AndreSalata 6 күн бұрын
hey Kevin, am I able to override any style outside ACSS using this technique you showed with Facets? Or this works just with buttons?
@AutomaticCSS
@AutomaticCSS 6 күн бұрын
I’m not sure what you mean. Do you a specific example?
@AndreSalata
@AndreSalata 6 күн бұрын
@@AutomaticCSS ​ Sure. I'm actually migrating a Wordpress install where I use Learndash LMS (with the shitty Elementor) and I would use Bricks + ACSS. They have lots of customs CSS and specificities and I was wonder if I could override, for example, their default navigation links (breadcumbs) or grids with any of ACSS classes, using Global SCSS and recipes like you did with WP Grid Box Facets.
@AutomaticCSS
@AutomaticCSS 6 күн бұрын
Usually that stuff just requires custom css because the styles are so specific. But when doing your custom css you can use ACSS variables where needed. Buttons are buttons so we can prepackage the code in things like mixins and recipes.
@AndreSalata
@AndreSalata 6 күн бұрын
wowww! so many tricks in here! amazing
@lumpbelly
@lumpbelly 6 күн бұрын
Am already using much of this but still found the video really helpful in reinforcing my understanding. One small gripe I have with buttons is that we have to put a class on every 'yellow button' we create. It would be great if ACSS could auto style the default Bricks Button to Primary for example
@AutomaticCSS
@AutomaticCSS 6 күн бұрын
Yeah, that would be great. Unfortunately bricks uses too much specificity in their default styles. If we override that it causes a lot of issues down the line.
@SamFrysteen
@SamFrysteen 6 күн бұрын
I asked in the inner circle, but never got an answer, so will ask here... Now that your colour naming fits more in line with Bricks button drop-down naming for buttons (primary, secondary, dark, light etc), can you please add the button styles so they can be controlled by the Bricks button settings: primary, secondary… outline switch… size… etc.. without having to add ACSS classes to each button. seems a lot like having to repeat myself to add a button to a page, that is a Primary button already, to only then have to add a class (or multiple classes) to make it use ACSS styling. Should be able to drop a default button (primary) and it be styled already please. Then make it an outline with the button styling switch… or make it a secondary button… etc… and of course, I understand that using classes for light and dark variants would still be needed. Thanks 👍
@AutomaticCSS
@AutomaticCSS 6 күн бұрын
Bricks has to fix their specificity issues for that to work. Also, we can’t cater to how every single builder chooses to do things. Too much overhead and too much maintenance load. If the builder did things more efficiently we could do it.
@SamFrysteen
@SamFrysteen 6 күн бұрын
@@AutomaticCSS there's other builders?? 🤪
@AmandaLucaseu
@AmandaLucaseu 6 күн бұрын
Super video Kevin 👍
@jzajzz
@jzajzz 6 күн бұрын
On Feature Section Delta , you use Grid -1 on the parent container to control the alternating sections .. but on Sierra, you use Flex, .. why was that decision made? .. I'm still learning the CSS slowly but surely.
@AutomaticCSS
@AutomaticCSS 6 күн бұрын
There’s really nothing special about a 1 column grid versus flex column.
@MusicJunkieVideos
@MusicJunkieVideos 6 күн бұрын
Brilliant, super versatile options but for me I love the simplicity of setting up a couple of colours globally styled and your done.
@konnected37
@konnected37 6 күн бұрын
I can't imagine what the ACSS 201 course will entail 😍
@mmaayta82
@mmaayta82 6 күн бұрын
Labelling ACSS a CSS utility framework doesn't give it justice! Its much more than that and on a completely different level compared to other wordpress frameworks out there. Hats off 🎩
@dahunsi
@dahunsi 6 күн бұрын
I lurve the custom button idea. The amount of flexibility it brings is jaw dropping.
@antonichristian5845
@antonichristian5845 6 күн бұрын
Who would have thought there is so much to buttons in ACSS? amazing! thanks for this excellent guide. Consistently innovating and improving on the best CSS Framework on the planet is a testament to all the hard work yourself and your team does. I also spotted with my beady little eyes you were using 3.0.0 😋
@davidwalls2304
@davidwalls2304 6 күн бұрын
Yet another great episode in the series and great overview of how ACSS can make "button" life easier.
@konnected37
@konnected37 6 күн бұрын
just.. wow O_O
@andredkvideo
@andredkvideo 6 күн бұрын
The tips I've been learning in these latest tutorials are great, and I truly appreciate how you've made my work not only easier but actually more enjoyable!
@Horatiu-w3g
@Horatiu-w3g 6 күн бұрын
Hello, please help me! I can't see the shortcut for ACSS Panel. Can you help me understand how to enable it, please?
@AutomaticCSS
@AutomaticCSS 6 күн бұрын
You mean the floating icon? It only shows up in the builder. On the front end you open ACSS with the admin toolbar link.
@peterwyro9365
@peterwyro9365 6 күн бұрын
Is there still a bricks Ui style guide to download? I added this to my remote templates and nothing showed. Would be helpful in seeing all the variations without having to re-create my own Ui guide.
@AutomaticCSS
@AutomaticCSS 6 күн бұрын
We have to build a new style guide, which we cant' invest time in until 3.0 official is released.
@starmap
@starmap 6 күн бұрын
oh is that what a button element is for 🤦‍♂