[OUTDATED] ★ Tetra's CSS Guide ★

@SavageWolffSoul

Do you mean on mobile? While I wouldn't advise coding on mobile, I did make a mobile app recommendation earlier, for this app in particular, and there seem to be other alternatives on the Play store underneath similar apps.

Assuming you still have access to desktop, you should also check out my Stylus minitutorial since Stylus' editor would also work just nicely, and you'd just need the basic functions of default Notepad to save your work.

Update on my end: The fact that I'm on a school-issued Chromebook as my only laptop makes it hard because I can't really get the extensions I'd need. The site I found my cursor on has coding to copy and paste, so I'll try that for now.

@ tεtra
I hope it's OK if I offer advice on this one as well?
I don't want to overstep or anything, so lmk if you don't want me to delete these and/or stop :)

-----

Hmm, try W3 schools' "try it" function?
But also, if your Chromebook is school-issued, I would look into the contract and rules on that. Most school devices do not allow you to use them for anything that is not strictly for school. And if you do, it could invalidate any warranties and such. 

Question: Does the custome CSS only show up on the profile page or can you somehow code it to show up everywhere on the site. I’m trying to create a dark theme because I have sensitive eyes and not sure if there’s anyway to make the code appear everywhere

@🐺Amber Moon🐺

For native site-wide CSS you can use the Stylus extension to create/download CSS styles working on all sites under the URL wolvden.com, and fortunately there are some resources in this thread and this thread where you can install a usermade Wolvden darkmode, or even make/edit your own.

Also @Spibs I can't believe I forgot to respond to that but no worries about overstepping! The extra help is appreciated :3

@Tetra

Cool I’ll check those out. Thanks this guild is very intresting. I been itching for something new to do because I feel my brain needs a mental challenge. I’ll go play around with code for the next couple of hours now❤️🐺

I don't know why my CSS has just stopped importing fonts?
Or maybe it never did and I just didn't notice.

For example I'm trying to import this font from google, and I'm using the code:
@import url('https://fonts.googleapis.com/css2?family=Stardos+Stencil&display=swap');

And I use this code in the CSS;

1. font-family: 'Stardos Stencil', cursive;

but it just never shows that font, it only does the basic cursive. This happens with literally every cursive (or other family) font I try to do. It just picks the basic font family but not the font I'm actually importing
Am I somehow not importing it correctly? 

@Kaliyana

The reason the basic Cursive font is continuously being used is because the cursive phrase following your 'Stardos Stencil' (or other 'custom font here') value is a fallback font - that is, when the first font doesn't work it switches to basic cursive - which means your font import doesn't seem to be working.

This is a weird problem, because when I tried your code the import worked fine on my end... so the issue might be with formatting. For the sake of comparing formatting, here is how my sample working code looks; remember that the @import rule must be placed above all other CSS on its own line.

Do you have a template for CSS layouts for threads? Or will it work mostly the same (except thin related to pack page only)

 @tacobell101921

Thread code is quite different since it requires HTML and tables, and the styling CSS is formatted inline instead of written out on a file. My guide is unfortunately not compatible with thread coding, nor do I serve thread templates :(