Posted by [🌸] Custom CSS Sitewide

Vallkyriie (#70195)


View Forum Posts


Posted on
2024-07-17 11:46:24

Want your Lioden to look like this?




Precursor


This was tutorial was originally created in 2020 by user #166486 but I found it a little confusing so I decided to expand it since this process updated a little and I prefer to have more steps when doing stuff like this personally.

You'll need to make sure you have Google Extensions enabled. I'm pretty sure everyone has this, but if you dont, just search it up. You will need to make sure you have either Google Chrome, Firefox, or Opera. I'll be using Opera for this tutorial.

Silly Tutorial


After you install, click the Extension icon on your browser's address bar and go to MANAGE

*If for some reason you don't see the extension, you probably don't have it pinned to your menu bar. For chrome it looks like a puzzle piece and for Opera it's a cube*

In the "Actions" area is a button that says 'Write new style'


Click that and paste your den's CSS (not the URL) into the box. If you dont understand this step, PRESS THE SPOILER for a tutorial.


ctrl+a and ctrl+c basically copy everything from the browser tab and paste it into the extension exactly like the image below.


At the top of a box there's a drop down menu change EVERYTHING to URLs on the domain and type in lioden.com



Title it and press save.
Navigate back to Lioden and it should be applied

> As a side note if you don't want it showing up on territory pages (cause I like seeing other people's CSS) you can turn it off by going to your den > click on the Stylus icon in the address bar > press the three dots and tick "Exclude the current URL"

> If you want to disable it you can click on the extension 'Turn all styles off'

Favorite CSS templates as promised lol






Hrt Icon 3 players like this post! Like?

Edited on 17/07/24 @ 12:36:55 by Vallkyriie (#70195)

♥Sinful ~
Mass Breeder♥ (#187263)

Pervert
View Forum Posts


Posted on
2024-07-29 17:16:19
Bookmarked, now lioden looks stunning, thank you!



Hrt Icon 0 players like this post! Like?

β˜Ύπ‘€π‘–π‘‘π‘›π
‘–π‘”β„Žπ‘‘
π‘€π‘œπ‘œπ‘›βœ© (#215550)

Heavenly
View Forum Posts


Posted on
2024-07-31 20:04:58
thanks for the tutorial. It worked and now my Lioden is so beautiful.



Hrt Icon 0 players like this post! Like?

Vallkyriie [Side] (#26018)


View Forum Posts


Posted on
2024-08-01 06:12:39
no problem!! I'm really glad you guys found this tutorial helpful~



Hrt Icon 0 players like this post! Like?

β˜Ύβ‚Š ⊹ astral
⊹ g2 moss neb (#486342)

Ill-Natured
View Forum Posts


Posted on
2024-08-03 06:43:00
Thank you! This made it much easier to understand



Hrt Icon 0 players like this post! Like?

Max ⨺⃝ (#298675)

Sapphic
View Forum Posts


Posted on
2024-08-06 15:05:02
Howdy, I can't get this to work, I am not sure what I am doing wrong!



Hrt Icon 0 players like this post! Like?

Vallkyriie [Side] (#26018)


View Forum Posts


Posted on
2024-08-06 16:13:28
What seems to be your issue?? I can try to help ya~ I'm the side account of the person who made this post btw XD

*I'll dm



Hrt Icon 0 players like this post! Like?


Edited on 06/08/24 @ 16:14:10 by Vallkyriie [Side] (#26018)

Max ⨺⃝ (#298675)

Sapphic
View Forum Posts


Posted on
2024-08-06 18:33:50
Hi, sorry! I go to put in the link you showed, but it shows issues and I can't get it to work sitewide!



Hrt Icon 0 players like this post! Like?

Vallkyriie [Side] (#26018)


View Forum Posts


Posted on
2024-08-07 03:40:15
You have to paste that link into the browser and then it’ll show up with all the code. All the code you paste that into stylus just like the picture. You do NOT put the link into stylus. The reason for that is because it can’t read the link. It needs css to read anything.



Hrt Icon 0 players like this post! Like?

imfeathery (#333022)


View Forum Posts


Posted on
2024-08-15 02:45:17
I followed all steps and repeated multiple times, It wont work 3: I dont know what I could have done wrong, but there is one thing I do not understand. "ctrl+a and ctrl+c," what does this mean? ctrl+a doesnt do anything, although ctrl+c copies selected text.



Hrt Icon 0 players like this post! Like?

β˜Ύπ‘€π‘–π‘‘π‘›π
‘–π‘”β„Žπ‘‘
π‘€π‘œπ‘œπ‘›βœ© (#215550)

Heavenly
View Forum Posts


Posted on
2024-08-15 11:59:46
you must copy all your css. put your css link on google and "ctrl+a and ctrl+c" to copy everything. After that, click on the app and click on "write a style for Lioden.com" at the bottom, and then paste all your css in the tab that will open and save everything. should work with this.



Hrt Icon 1 player likes this post! Like?







Memory Used: 627.95 KB - Queries: 2 - Query Time: 0.00043 - Total Time: 0.00440s