In this video, you will learn how to use dynamic data to control how your website sections look. To accomplish this, we will use attribute selectors and CSS to control our styles. By using Advanced Custom Fields and dynamic data attributes, we can give our clients control over the look of their website without opening up the builder!
Wondering what tools I use at my agency? check them out below!
Bricks Forge: https://bricksforge.io/?aff=c5a44148
Meta Box: https://metabox.sjv.io/qn39VL
Automatic CSS: https://automaticcss.com/ref/41/
Fathom GDPR Analytics: https://usefathom.com/ref/QPRTID
Vultr Servers: https://www.vultr.com/?ref=9088377
Fluent Forms: https://fluentforms.com/?ref=1552
Slim SEO: https://slim-seo.sjv.io/QOaOqa
Rank Math: https://rankmath.com/?ref=john-2176
WP Code Box: https://wpcodebox.com/?ref=190
GridPane Hosting: https://gridpane.com/?via=john70
Chapters
0:00 Intro
1:40 Advanced Custom Fields settings
2:50 Builder settings for dynamic data attributes
4:50 Inspect the DOM
6:45 CSS and styles
12:00 Style spans with attribute selectors
15:30 Create a new color from scratch