customize semantic-ui-react (npm)

Question

How do I customize the css of semantic-ui-react?

I've tried to create site/elements/button.override

and with the following contents:

.ui.button {
  border: solid red; !important
  border-width: 2px; !important
}

but with no changes.

SD3L · Accepted Answer · 2017-08-31 13:07:02Z

1

Can you try like this please :

.ui.button {
    border: solid red !important;
    border-width: 2px !important;
}

Peace

answered Aug 31, 2017 at 13:07

SD3L

1717 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Trupti · Accepted Answer · 2018-09-28 05:07:31Z

0

You can create custom theme.

For that you need to makes changes to:

1) theme.config - for button - write your theme name instead of default

2) in your theme folder - elements - create button.variables

3) write your inputs here

4) run gulp command in your semantic folder

answered Sep 28, 2018 at 5:07

Trupti

6675 silver badges9 bronze badges