Quote from JohnStaples on June 22, 2024, 4:45 pm

UPDATE: It was my own dumb error! I had opened an @media section and forgot to close it! Problem solved.

=============================

Hi,

I am having trouble getting my styles to override those of the plugin.

In this stylesheet,
wp-content/plugins/asgaros-forum/skin/style.css?ver=2.9.0

you have this code,
#af-wrapper .user-online .avatar {
box-shadow: 0px 0px 5px #82f338;
border: 1px solid #82f338;
}

I want to change the color so I added the following code to my child theme’s style.css,
#af-wrapper .user-online .avatar {
box-shadow: 0px 0px 5px #1260ae !important;
border: 1px solid #1260ae !important;
}

And that works fine EXCEPT it does not work in mobile. In mobile I still get the lime green outline & shadow.

So then I went to Forum > Appearance and put my code in the Custom CSS and it works in desktop AND mobile.

BUT, I would much rather have my custom css in my own stylesheet.

Why does my css override not work in mobile? I tried using various @media options and it never works except when I put it in Forum > Appearance > Custom CSS

Maybe I’m doing it wrong or leaving out something? Any assistance would be greatly appreciated!