docs: 📝 Edit single button color
This commit is contained in:
@ -25,3 +25,21 @@ For example, if I want my buttons to be more rounded, and have a fancy gradient
|
||||
src="/img/theme/fancy-button.png"
|
||||
alt="Fancy button"
|
||||
/>
|
||||
|
||||
### Customize a single button color
|
||||
|
||||
Thanks to custom CSS, you can customize the color of a single button for example by using the `data-itemid` attribute:
|
||||
|
||||
```css
|
||||
[data-itemid='cl3iunm4p000f2e6gfr8cznnn'] {
|
||||
background-color: gray;
|
||||
border-color: gray;
|
||||
}
|
||||
```
|
||||
|
||||
To find the item ID of a button, right-click on the button and inspect the element:
|
||||
|
||||
<img
|
||||
src="/img/theme/button-inspect.png"
|
||||
alt="Button inspect"
|
||||
/>
|
||||
|
BIN
apps/docs/static/img/theme/button-inspect.png
vendored
Normal file
BIN
apps/docs/static/img/theme/button-inspect.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.8 MiB |
BIN
apps/docs/static/img/theme/edit-single-button.png
vendored
Normal file
BIN
apps/docs/static/img/theme/edit-single-button.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.5 MiB |
Reference in New Issue
Block a user