Jump to content

Recommended Posts

Posted
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;
}

 

Posted
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. 🙂

Posted
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!

Could contain: Light, Person, Computer Hardware, Electronics, Hardware, Monitor, Screen, Text

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...