Could you send a link to the templates in the images?

First image: PLAYING WITH FIRE | BLACK PINK Wiki | Fandom

(At the lyrics section - I couldn't find the link to the exact template)

Second image page: Kagerou Daze | Project SEKAI Wiki | Fandom

Here's one example of one of the color lyric templates: Template:Ichika | Project SEKAI Wiki | Fandom

Here's the first image's template: https://black-pink.fandom.com/wiki/Template:Lyrics

The second image template is actually a tabber.

You can copy the code in the source editor and paste it in a template page or mainspace page. One recommendation I'd make is to credit the original template, but it's up to you. I personally attribute so people know who made this cool template.

Thank you so much!! (Alright, I'll make sure to credit the og template)

Hey, sorry to bother but by any chance do you know how to fix this problem I encountered?

The original code above on the Blackpink wiki has the box with a scroll tab, and the box is bigger and wide (Template:Lyrics | BLACK PINK Wiki | Fandom)

I copy and pasted that same code into a template on the RESCENE wiki, but the box is smaller, with no scroller thing on the side. (Template:Lyrics | RESCENE Wiki | Fandom)

Is there something I've done wrong or have to add to fix this? Sorry, I'm a new editor and very clueless rn

Apply this to your Wiki's Mediawiki:Common.css (I found it on the original Wiki's Common.css)

/* LYRIC BOX */
/* Base template from LOONA WIKI + Custom design & scrollbox by Stray Kids Wiki */
.pi-theme-lyrics.portable-infobox {
	margin: 0px;
    width: 530px;
}
.pi-theme-lyrics .pi-data {
    width: 100%;
    margin: 0 auto;
    overflow-y: auto;
    justify-content: center; 
	text-align:center;
	height:500px;
}
.pi-theme-lyrics .pi-navigation {
    font-weight: 100;
}

Omg, thank you so so so much!!

No problem, and good luck editing!