this post was submitted on 16 Dec 2023
21 points (100.0% liked)

/kbin meta

1 readers
4 users here now

Magazine dedicated to discussions about the kbin itself. Provide feedback, ask questions, suggest improvements, and engage in conversations related to the platform organization, policies, features, and community dynamics. ---- * Roadmap 2023 * m/kbinDevlog * m/kbinDesign

founded 1 year ago
 

Full credit goes to: /u/Pamasich for working on it and helping me out with CSS, the below CSS I will mention is fully made by he/her with my feedback, again thank you!

To all kbin magazine moderators,

Below is the CSS you can use to include your own banner of choice to your Kbin magazine/community:

h1[hidden] {
    height: 12vh;
    background-image: url(https://i.imgur.com/wbZa4eI.png);
    background-size: cover;
    background-position: center;
    display: block;
    color: transparent;
    user-select: none;
}

DEMO: Check m/cars using this CSS

NOTE: Change height's value according to your needs to fit your banner accordingly. You should also replace the image link in the above CSS with your choice, I used imgur to upload the image there, and copy/paste the image's address/link here.

This is what we have so far thanks to /u/Pamasich, and I hope this comes to rescue all of the moderators just like myself.

Why should you add a banner? This simply makes the community look more appealing and welcoming for users to participate, depending on what kind of topic your magazine is based on, a banner is invaluable.

And if you guys have your own further modifications to the given CSS above, feel free to mention them in the comments so everyone else can find this thread useful in the future!

you are viewing a single comment's thread
view the rest of the comments
[–] DarkThoughts@kbin.social 2 points 9 months ago (3 children)

Is there an example magazine that shows how this looks like?

[–] daredevil@kbin.social 1 points 9 months ago* (last edited 9 months ago) (1 children)

I imagine something like this

Duly noted, I missed a line of text. Won't try to help in the future

[–] Pamasich@kbin.social 1 points 9 months ago* (last edited 9 months ago)

Better to use /m/cars which OP mentioned. I removed the image from mine, just leaving a red box as a reference for a codeberg issue. So it doesn't show how it looks with an image.

load more comments (1 replies)