Challenges with applying changes to the CSS styles #2341
Answered
by
claviska
archubbuck
asked this question in
Help
-
|
Is there a trick to modifying the style of the shoelace components, or even just the styling on page components? I'm finding that when I make changes within the scss files, they aren't applying.
|
Beta Was this translation helpful? Give feedback.
Answered by
claviska
Jan 12, 2025
Replies: 1 comment
-
|
You won't be able to target IDs and classes for components. The internals live inside the shadow DOM. By design, you'll want to use any available CSS custom properties or CSS parts, which are shown in the docs for each component. See this page for details: https://shoelace.style/getting-started/customizing#css-parts |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
archubbuck
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
You won't be able to target IDs and classes for components. The internals live inside the shadow DOM. By design, you'll want to use any available CSS custom properties or CSS parts, which are shown in the docs for each component.
See this page for details: https://shoelace.style/getting-started/customizing#css-parts