A profile tut for people who want to really get into it but don't know how (aka CSS for beginners)

I'll try my best to explain some here but i'm a rando who is self taught so like...if I mess something up its not my fault.

to edit the look of of things space-hey uses a programing language called CSS thats what i'm going to be discussing here

First things first to start I recommend using a base theme from the layouts tab the simpler the easier to edit the mess out of it and make it your own but that also requires a lot of effort .This stuff works if you want to change something from blue to green or some shit too. copy paste the code into your about me to get started. 

BEFORE YOU DO ANYTHING COPY PASTE YOUR CURRENT CODE SOMEWHERE IN A NOTES APP A GOOGLE DOC SOMETHING. YOU CAN'T SAVE ON SPACEHEY SO IF YOU JACK SOMETHING UP YOU CAN USE THIS COPY TO GO BACK TOO. THIS IS LIKE YOUR SAVE DO IT OFTEN.

most of the important style code is made up off a bunch of these 

 section {

    something-something: 0pt;

    something-something: 5px;

    something-something: 2px ridge #555555;

    something-something: visible;

    something-something: inline-block;

  }

your profile is split up into sections the text before the first bracket { tells you what section your editing . Everything inside those brackets edit and change stuff in that section and only in that section most of the time

THERE IS A SECTION CALLED MAIN I DON'T MESS WITH IT. ITS CONNECTED TO EVERYTHING ELSE IN A WAY THAT IS WEIRD AND DUMB IT HAD ME PULLING MY HAIR OUT.

now the something-somethings thats how you edit things

most edits follow this format 

What-HOW: whatever;

The thing before the dash is where you put WHAT your going to edit for example

background-something: ---; applies edits to the background 

text-something:---; applies edits to the text

outline-something ---; applies to the outline of something (adds one if not there already)

then you add a dash - 

the thing after the dash is where your going to put HOW your editing it for example 

something-color: ---; Changes the color of something 

something-width: ---; changes the width of something

you can look up a CSS reference for more things you can do

then you add a Colon :

This last part is use-case sensitive the gen rule is if its size related you put how many px you want if its color you use a hex code if its a position then you put left right center top or bottom ( or a combination ) and transparency is a number 0.0-1.0.

then you add a semi colon ;

some other random notes 

-- Don't mess with pointer events unless you know what your doing thats the clickablity of things 

-- you can use --> background-image "url here"; 

-- to change the background to a image instead of just a color  just right click a image on the internet then go to open image in a new tab then use that url if you want to use your own you have to upload it somewhere like pintrest or something :P because most spacehey pictures work by yoinking them off other peoples servers lolz (if you put it in the body section it changes the actual background background for your profile)

-- <img src="url here"/> just puts a picture wherever you put it uses the same url thing from above to use it 

-- the layouts  tab not only has layouts but little bits and bobs to add to your profile

thats the basics of it just mix and match things any you'll get the hang of it  :P

HAVE FUN!!! :D

(I had to edit bc i forgot you can't use colors in replies)