Invision Community 5: A video walkthrough creating a custom theme and homepage By Matt Thursday at 04:02 PM
Drewfus Posted October 26 Posted October 26 @Jimi Wikman Any new videos on customizing V5? Feneroin and Sayed Amer 1 1
Ehren Posted October 27 Posted October 27 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, abobader, David N. and 4 others 6 1
Cedric V Posted October 27 Posted October 27 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. 🙂 Ehren 1
Jimi Wikman Posted October 27 Author Posted October 27 22 hours ago, Drewfus said: @Jimi Wikman Any new videos on customizing V5? Not yet 🙂 Anything in particular you want to see?
Sinistra Sensei Posted October 29 Posted October 29 I figured I would make a Halloween Theme for my community what do ya think? Matt, David N., Joey_M and 2 others 5
Cedric V Posted October 29 Posted October 29 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! SC36DC, Jimi Wikman, SoloInter and 2 others 5
Drewfus Posted 10 hours ago Posted 10 hours ago On 10/27/2024 at 5:25 AM, Jimi Wikman said: Not yet 🙂 Anything in particular you want to see? @Jimi Wikman Your next video should be on how to create databases and pages I am really confused on how it works I tried a couple of them that Chris59 posted and can't seem to get them to work right that would be a great walk through. dmaidon1 1
Recommended Posts