Lemmy Support

4652 readers

1 users here now

Support / questions about Lemmy.

Matrix Space: #lemmy-space

founded 5 years ago

MODERATORS

dessalines@lemmy.ml

How to edit HTML/CSS on my own instance? (lemmy.lucitt.social)

submitted 1 year ago by Eddie@lemmy.lucitt.social to c/lemmy_support@lemmy.ml

2 comments fedilink hide all child comments

Hello world!

Was wondering if there was a way to edit the CSS/HTML of my lemmy instance. It's my own personal instance, so I'd love to add links that would help me get around easier and really make my instance my own.

I have access to the entire server, and I know a fair bit about navigating debian and editing files and all that. I'm still a bit of a noob though and do not know where the header/footer/css/files are stored on my live instance.

Any help would be greatly appreciated. Thank you in advance!

you are viewing a single comment's thread
view the rest of the comments

[–] HKayn@dormi.zone 4 points 1 year ago (1 children)

You can upload your own CSS files to a directory of your server to make them available as themes: https://join-lemmy.org/docs/administration/theming.html

Additionally, lemmy-ui has a flag called LEMMY_UI_CUSTOM_HTML_HEADER which I assume allows you to add a JS script to be executed on page load, which you could use to modify the HTML after the fact.

To modify the HTML in a more proper way, you'd have to pull the lemmy-ui project (https://github.com/LemmyNet/lemmy-ui), make your changes and then build your own docker container with it.

[–] Eddie@lemmy.lucitt.social 1 points 1 year ago

Thank you! Exactly what I was looking for.

Well, time to start teaching myself how to create a docker container. Forking will be no issue, but creating the container will be completely new grounds for me. Thanks for the new project idea!