2023-08-15 13:52:03 +00:00
# Status.cafe CSS
2023-08-15 13:01:43 +00:00
2023-08-15 13:52:03 +00:00
## A fully commented css template for status.cafe profiles
2023-08-15 13:53:54 +00:00
In order to change the styling of your status.cafe page, you need to go to your settings, and in the "About" section, add a ```< style > < / style > ``` tag under your profile:
2023-08-15 13:52:03 +00:00
![](/profile-ss.png)
*The default style.css from the cafe is located at https://status.cafe/assets/style.css for reference, so you can override anything below.*
2023-08-15 13:53:54 +00:00
````
2023-08-15 13:52:03 +00:00
< style >
/*Importing a custom font*/
@import url(https://fonts.bunny.net/css?family=azeret-mono:400);
/*nav bar */
nav {
font-family: 'Azeret Mono', monospace;
}
/*main body styling*/
body {
2023-08-15 13:55:01 +00:00
background-image: url("https://pathtoimagefile.png");
2023-08-15 13:52:03 +00:00
background-repeat: repeat;
font-family: 'Azeret Mono', monospace;
background-color: #fff0f6 ;
color: #D7D7D7 ;
}
a {
color: #d633c4 ;
}
a:visited {
color: purple;
}
a:hover {
text-decoration: none;
}
/*H2 is used for the username and "statuses" heading*/
h2 {
color: #33b0d6 ;;
}
2023-08-15 13:53:54 +00:00
< / style >
```