I originally wrote my custom CSS for the .dashboard__sidebar class. However, I needed to move the styles and paste them into the parent .dashboard class because I declared some variables there that other child elements require.
Surprisingly, the styles are still appearing on the .dashboard__sidebar class, even though they shouldn’t be applied there. In the builder, they show up correctly in the custom CSS tab where I want them, but they aren’t actually being applied to the .dashboard__sidebar class.
as far as I see from the video, it’s all working correctly. Let me explain.
Here is the screenshot from the video. You can see, you are using %root% keyword. What the builder does is, it will take the class name - because it’s applied on a class (in your case it’s dashboard), and it will replace %root% with a dashboard, so the generated style selector will look like: dashboard__sidebar.
If you remove the __sidebar, and only keep %root%, it should work nicely.
