Show me yours and I'll show you mine...

[Drewfus]

@Jimi Wikman Any new videos on customizing V5?

[Ehren]

On 10/24/2024 at 1:26 AM, Cedric V said:

Ehren, do you have a css code to make the individual color bars on forums have a glow effect? 😇😃

By default, the bar is just a border which can't be blurred. But you can replace it with a pseudo element and add a box-shadow to it like so:

/* Glowing category bar */
.ipsCategoryWithFeed__item{
	border-top-width: 0;
}
.ipsCategoryWithFeed__item::before{
	content: '';
	grid-column: 1/-1;
	height: 6px;
	background: var(--i-featured, var(--i-background_6));
	box-shadow: var(--i-featured, var(--i-background_6)) 0px 0px 20px;
}

 

[Cedric V]

5 hours ago, Ehren said:

By default, the bar is just a border which can't be blurred. But you can replace it with a pseudo element and add a box-shadow to it like so:

/* Glowing category bar */
.ipsCategoryWithFeed__item{
	border-top-width: 0;
}
.ipsCategoryWithFeed__item::before{
	content: '';
	grid-column: 1/-1;
	height: 6px;
	background: var(--i-featured, var(--i-background_6));
	box-shadow: var(--i-featured, var(--i-background_6)) 0px 0px 20px;
}

 

Thanks 🙏 I’ll give that a shot when I’m back from vacation. 🙂

[Jimi Wikman]

22 hours ago, Drewfus said:

@Jimi Wikman Any new videos on customizing V5?

Not yet 🙂
Anything in particular you want to see?

[Sinistra Sensei]

I figured I would make a Halloween Theme for my community what do ya think?

[Jimi Wikman]

Looks great!!

[Cedric V]

On 10/27/2024 at 2:24 AM, Ehren said:

By default, the bar is just a border which can't be blurred. But you can replace it with a pseudo element and add a box-shadow to it like so:

/* Glowing category bar */
.ipsCategoryWithFeed__item{
	border-top-width: 0;
}
.ipsCategoryWithFeed__item::before{
	content: '';
	grid-column: 1/-1;
	height: 6px;
	background: var(--i-featured, var(--i-background_6));
	box-shadow: var(--i-featured, var(--i-background_6)) 0px 0px 20px;
}

 

This is so cool, matches the rest of our glowing vibe now. :D - Thanks again!