You do not have permission to edit this page, for the following reason:
The action you have requested is limited to users in the group: Users.
Short (1-2 sentence) description of the project
The larger projects that this project might be a part of
Subprojects that this project may have generated
Members or Working Groups that contribute to this project
(Optional) any associated code for the project
Whether this project is currently being worked on, or not
Optional: If the project needs some sort of approval from either the general membership or a working group
Free text:
Up to: [[Part Of::Mastodon/Hacking]], [[Part Of::Features]] Pull request: [[Has Pull Request::https://github.com/NeuromatchAcademy/mastodon/pull/63]] You can customize the CSS on your profile page! == Steps == * Go to your [https://neuromatch.social/settings/profile profile settings page] (/settings/profile) * Edit the CSS in the "Account CSS" section on the bottom [[File:myspace-mode-profile.png|class=img-responsive]] * Go to your profile page and observe in horror and delight [[File:myspace-mode-settings.png|class=img-responsive]] ''wow, that's truly awful!'' == Common CSS Targets == Usually, just right click, inspect element to find the thing you want to modify. In firefox, you can right click an element to find its css selector: [[File:Firefox-css-selector.png|class=img-responsive]] Other common targets you may want to customize: * <code>#mastodon</code> - the whole page * <code>.account__header</code> - the top part of a profile * <code>.account__header__bio</code> - the area that contains your bio == Limitations == Because we have to sanitize the CSS to make it safe, you can't do anything that could pose a security or privacy risk like * Loading custom fonts (you can use system fonts, though!) * Loading images from URLs * Change css variables == Troubleshooting == Account CSS should come after other CSS declarations, so it should override them, but if it doesn't that means there is some other conflicting CSS rule. You can... * Make your CSS selector more specific, at least as specific as the rule that's overriding yours (use the inspect element window and look at the declared styles to see which that is) * Use a bunch of <code>!important</code> markers at the end of every rule. this aint carnegie hall kid nobody's gonna judge your CSS.