I want to link all the class tags to my child theme’s CSS. e.g.
.wp-block-navigation__responsive-container-content {
background-color: blue;
}
After searching through the source code, that is the class tag for the navigation bar (which was named by WordPress, not me).
Do I have no choice but to search through the source code for the rest or is there a quick list of the Twenty Twenty Four tags somewhere? I’m not used to using wordpress, but my own class tags. eg.
.logo {}
.nav {}
.p {}
.footer {}
etc.
Thanks guys.
The wordpress way of doing it would be to do it via the theme.json file or by using the Gutenberg UI to add custom css for each block rather than by writing CSS directly. There’s a great article explaining how to do this: https://css-tricks.com/managing-css-styles-in-a-wordpress-block-theme/
You can still do it your way if you like though
If you’ve made a child theme, then why not copy the parent theme css to your child and edit that?