See other topic for reply.
blue glow on loading bar
-
Hello. with the help of this community, I manage to use CSS to change the loading bar to orange.
(dark mode plugin is active)
But do you see that blueish glow coming off of it? how do I make that orange too?PS I know I'm a stickler for the small details of my forum, I know, but any help is appreciated.
-
@dunlix that looks very much like a
box-shadow
class to me. Does that still exist in the CSS you've targeted ?If it exists, you'll need to override that with
box-shadow: none;
-
@phenomlab, no I used custom CSS to add an orange-ish box-shadow, but at the end, I can still see the blue. I've looked in nodebb-theme-persona's css but I couldn't find anything.
-
@dunlix said in blue glow on loading bar:
@phenomlab, no I used custom CSS to add an orange-ish box-shadow, but at the end, I can still see the blue. I've looked in nodebb-theme-persona's css but I couldn't find anything.
Can you share the CSS you have ?
-
@dunlix Here's the CSS I am using, which doesn't seem to have the blue shadow
#nprogress .bar{ background: #94afbd linear-gradient(90deg, #d8e2e8, #81a1c1) !important; height: 2px; }
-
@phenomlab This is the CSS I'm using.
#nprogress .bar { background: #f29100; position: fixed; z-index: 1031; top: 0; left: 0; box-shadow: 10px 5px 20px 7px rgba(242,145,0,0.96); width: 110%; height: 2px }
It seems I didn't delete what I didn't want to change when I made this, but that doesn't affect the color.
I know there is a giant orange shadow, but I'm currently tweaking that around. If you look closely when using this, the blue is still there. -
@dunlix said in blue glow on loading bar:
box-shadow: 10px 5px 20px 7px rgba(242,145,0,0.96);
Try changing
box-shadow: 10px 5px 20px 7px rgba(242,145,0,0.96);
to
box-shadow: 10px 5px 20px 7px rgba(242,145,0,0.96) !important;
-
@phenomlab nope, that doesn’t change it
-
@dunlix Odd. I can't replicate this issue.
-
@phenomlab hmm. I’ll have to look again at the css