CSS TIPS AND TEMPLATES

I made some code snippets you can use as templates to customize your page!

You can:
Change your page's background
Change the colors of texts and headings
Change the font
Change the comments background
Replace labels like the "Add me" button
Add an extra text box below your info
...and more!

If you want, you can give me credit for it, but you don't have to do that since I believe there shouldn't be copyright on simple and short code snippets like this. (It would be cool if you shot me a message when you use it tho)

Here is the link to a pastebin of the code snippets:
https://pastebin.com/fQ54r1Sp
‎
‎
‎
‎

MORE INFO

here's a neat tutorial by the website's creator:
https://www.youtube.com/watch?v=QEJoDPAB8M4

the key is finding out which selector you need to use. in css, the selector is a word that specifies which elements you want to modify, and it is followed by a list of properties that are enclosed in curly brackets {}
an example piece of code would look like this:

div.box.blurbs { color: white; background-color: rgba(0,0,0,0.8); }

the selector in this case is "div.box.blurbs". this code would turn the text in all your blurbs white, and add a black transparent background behind it.

HERE'S HOW YOU FIND OUT WHAT SELECTOR TO USE:
this is the most important part. in google chrome, you can press F12 to open the inspector, and then you can press Ctrl+Shift+C to inspect certain elements. if you hover over a text, an image, a button or any other element on the site for that matter, you will see information about the element pop up, and it has the specific selector you need to use.

and then it's just a matter of trying out different properties to modify the elements and see what looks good. you can always just google css properties to find out what you can do.