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