Semantic-UI-React custom styling help

[ranjit-battewad]

Using Semantic-UI-React in my latest application. I want apply custom styling to components like card ( background color )how can we do that ?

Tried below items:

1) Added className prop to card component
2) Create .css file and importing it using css-loader as > import styles from './mystyles.css'
but fails to load file and apply styling.

Thanks in advance.

[levithomason]

https://github.com/Semantic-Org/Semantic-UI-React#faq

[patientplatypus]

This is unhelpful. Could you not provide a simple example? I am having the same issue.

[levithomason]

Please understand, the core team is made of 2 unpaid individuals with families. We just don't have the time to debug and post solutions for every issue/user. We do our best to help and provide good docs for others to follow.

Have you already read all the documentation I linked to in the FAQ? It covers everything you need to know. The rest is up to you.

FAQ

If there is a bug or missing information in the docs, please let us know.

[trkaplan]

If you are using Create React App, see this tutorial: How to use Semantic UI with a custom theme in your CRA app

[barrylachapelle]

The link to the CRA article above should be very much included in the docs.

[levithomason]

@barrylachapelle Agreed! Looks like a helpful article. I would gladly merge a PR adding this article to our docs. It is probably suitable for the README FAQ section, http://react.semantic-ui.com/theming and/or http://react.semantic-ui.com/usage. What do you think?