How to edit css for shadow dom when using CDN

Question

I am using hub components to display some dynamic content on my Wordpress site. I'm using the arcgis-hub-gallery with the CDN provided in the docs. Is there a way to edit styles within the web components?

Thanks

KittyHurley · Answer

Hello @sccwrp,

Some component's have CSS variables that can be modified, and can be found in a component's documentation and/or on the colors and themes page.

For instance, here's a Codepen sample where CSS variables can modify a component's styles.

There is some additional information available on the Web concepts page that includes a few other resources.