Page cover

How to setup a Css Profile Template

Part 1 | Basic Set up

1

Basic Set up

  • Manually edit the background color and background image of your profile trough the normal method

2

Copy the profile template Code

╭──────༺♡༻──────╮

Profile theme code

╰──────༺♡༻──────╯


3

On your Janitor profile, Click on "edit profile" then "edit CSS" (located at the top of your page)


4

Paste the code you copied and then save.

Part 2 | Customize your information

1

Redo Step 3 to edit your CSS again.

2

Replace the placeholder texts with your own text and then save again!

Part 3 | "Followers" and "Member since" fix

1

Enter your Css editing again!


2

On a pc, right click and click inspect, a code tab should open, Don't be scared, it's gonna be simple!

(if you don't have a pc, you can ask a friend to do this by asking them to open your profile on pc, or you can Dm me on discord to ask for help)

3

Inspect the followers element and copy it's class

Click the little symbol at the top of your inspector, this will make you be able to select stuff on the webpage. Then click your followers container, this make it's class on the inspector tab be revealed. Finally copy that class like in the screenshot.

4

Paste/Replace the class you copied onto your CSS at the line underlined with Red

You can find this section by line 60 on the side like in the image

5

Repeat the step 3 and 4 for the "Member since" and replace/paste the green underlined word on the screenshot above

DON'T FORGET THE DOT IN FRONT OF THE CLASS NAME.

If your class name looks of a different color than the others, it means it wasn't properly set!

6

SAVE!!

  • You're done! Congratulations! you have set your your profile! If you set everything alright It should look like the the first image on this rentry!

  • If you have any issues, feel free to Dm me on discord for help!

Last updated