2
0

docs: 📝 Edit single button color

This commit is contained in:
Baptiste Arnaud
2022-05-23 08:12:16 -07:00
parent f07db7f68a
commit c57ed0777c
4 changed files with 19 additions and 0 deletions

View File

@ -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"
/>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB