Community icon

PieFed CSS

!piefed_css@piefed.social

Hot
New Old Active
Hot
New Old Active
Posts Comments
List Tile Wide tile

How to use CSS from this community

by

In your settings at https://piefed.social/user/settings there is a field 'Additional CSS' where you can put snippets of CSS code.

1
15

Super wide content, for extra wide screens

by

You might want to experiment with changing that 98% to 1600px or some other px value…

0
2

Hide animated gif avatars

by

Soon people will be able to upload an animated gif for their profile picture. This could get annoying so I put a special css class on all profiles with an animated gif:

0
6

PieFed Custom Themes?

by

Has anyone made custom themes for PieFed? Is it even possible in the first place?

5
6

Hide bottom nav bar

by

This is new in v1.2 and might not be something everyone wants. You can hide it with this:

1
6

Full Title for Tile Layouts

by

... and vertical vote buttons

0
8

For mobile users: Make the Create post button float

by
A screensho of a floating "Create post" button

edit: Make button float in feeds, too. edit2: Fix inconsistency

4
7

Enlarge main column, hide sidebar behind a hover

by

Hey !

1
7

Autoplay videos (JavaScript for admins only)

by

NSFW communities are often a mixture of redgifs videos (which play automatically) and

0
4

Set dark mode as the default

by

This is JS which only admins can use:

0
5

Lemmy/old Reddit styles

by
A screenshot of the PieFed interface with my custom CSS rules applied to make it look more like the Lemmy/Old Reddit interfaces.

I really like Piefed's pace of development, featureset, and the responsiveness of the dev team, but I find the main UI a little lacking. Thanks to custom CSS I was able to tweak in the following:

3
6

Show instance name beside community name in post teaser

by

This is consistent with what Lemmy does:

1
8

Hide reputation icons

by
1
5

Remove voting buttons and/or score display from posts and/or comments

by

A few snippets in case you want to prevent yourself from accidentally voting on things or change your behavior with regard to being swayed by existing public opinion.

1
6

Remove Border Radius from UI.

by
0
5

Darken background of the vote bars for better contrast in poll posts

by

The bars where a little too bright, thus the vote percentages weren't well readable. I changed the background of the bars to a darker grey with this line of css:

0
4

Stop rotating logo animation in Fxomt theme

by
2
7

Consistent Compact Layout

by
Consistent Compact Layout

This stylesheet uses CSS grids to force a consistent look between link posts and image posts when using the compact layout option. There's probably a better way to accomplish this, but this is quick & dirty & it works.

6
14

Hide scores

by
1
14