Button in CSS, if hover is good, why not active? - How-to and Troubleshooting - wpForo 2.0 https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/ Discussion Board en-US Wed, 22 Apr 2026 20:59:56 +0000 wpForo 60 RE: Button in CSS, if hover is good, why not active? https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-85116 Thu, 26 Jan 2023 19:50:30 +0000 @chris 

I did it well, only 1 "0" was missing from the color code in the active line....

Thanks for the link, I understand these, hover and the rest, only because I didn't write the website here, so it's difficult to find how I can refer to a specific thing, since everything overwrites everything.

If all I had to do was look up the id or class code of one of them and write down that, for example, :hover and then the css code works, then it would be easy, I just have to find out from someone else's work how exactly I can refer to 1 specific thing, that's difficult so that I don't I am a web developer.

I will ask for 2 more buttons, then there are 1-2 small things next to each other (bold, selection, etc.) and everything is ready. :|

]]> How-to and Troubleshooting - wpForo 2.0 ZiT3K https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-85116 RE: Button in CSS, if hover is good, why not active? https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-84980 Thu, 26 Jan 2023 09:00:40 +0000 @zit3k,

Please read about ":active" selector: https://www.w3schools.com/cssref/sel_active.php

]]> How-to and Troubleshooting - wpForo 2.0 Chris https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-84980 RE: Button in CSS, if hover is good, why not active? https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-82551 Wed, 25 Jan 2023 15:58:27 +0000 @chris

Hi, can you please help me with this button activity?

The active option does not want to work. :(

Thank you in advance for your help!

]]> How-to and Troubleshooting - wpForo 2.0 ZiT3K https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-82551 RE: Button in CSS, if hover is good, why not active? https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-81708 Tue, 17 Jan 2023 15:06:38 +0000 @chris
I understand, thank you very much for that too!

For Chrome/Developer Tools:

For "Element status/disabling", yes, I can see that the code is changing.

However, for some reason it does not accept the "box-shadow" command, what can be the solution?

#wpforo #wpforo-wrap.wpf-dark input:active,
#wpforo #wpforo-wrap.wpf-dark input:active {
color: #007800 !important;
background: black !important;
border: 3px dashed #643c14 !important;
font-weight: normal !important;
border-radius: 15px !important;
box-shadow: 0px 0px 20px 5px #00780 !important;
padding: 13px 10px !important;
font-size: 15px !important;
line-height: 0px !important; }

]]> How-to and Troubleshooting - wpForo 2.0 ZiT3K https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-81708 RE: Button in CSS, if hover is good, why not active? https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-81692 Tue, 17 Jan 2023 10:36:59 +0000 @zit3k,

Edited your post with correct Codes,

In the First one, you have made a mistake and wrote

"file-selector-botton", need to be "file-selector-button".

In the Second one you need to add .wpf-dark class next to #wpforo-wrap as you are using dark theme. 

]]> How-to and Troubleshooting - wpForo 2.0 Chris https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-81692 RE: Button in CSS, if hover is good, why not active? https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-81664 Mon, 16 Jan 2023 17:07:57 +0000
I managed to solve the smooth look, BUT the ACTIVE part does not want to work for the following.
Please check them out, thank you very much.

One is:
Account / "Add file button"

#wpforo #wpforo-wrap .wpforo-profile-account .wpf-field-type-avatar input::file-selector-button:active {
    color: #007800;
    background: black;
    border: 2px dashed #007800 !important;
}



Another:
Forum / "Add answer button"

#wpforo #wpforo-wrap.wpf-dark input:active, 
#wpforo #wpforo-wrap.wpf-dark input:active {
    color: #007800 !important;
    background: black !important;
    border: 3px dashed #643c14 !important;
    font-weight: normal!important;
    border-radius: 15px !important;
    box-shadow: 0px 0px 20px 5px #00780 !important;
    padding: 13px 10px !important;
    font-size: 15px !important;
    line-height: 0px !important;
}



Thank you very much.

]]> How-to and Troubleshooting - wpForo 2.0 ZiT3K https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-81664 RE: Button in CSS, if hover is good, why not active? https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-81641 Mon, 16 Jan 2023 11:00:16 +0000 Hi @zit3k,

Check this CSS Doc: https://www.w3schools.com/cssref/css_selectors.php

]]> How-to and Troubleshooting - wpForo 2.0 Chris https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-81641 Button in CSS, if hover is good, why not active? https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-81610 Sat, 14 Jan 2023 19:36:32 +0000 Hi!

1. At the "File upload" button in the account, if the hover also works, why isn't the active one?:

#wpforo #wpforo-wrap .wpforo-profile-account .wpf-field-type-avatar input::file-selector-button {
color: #643c14;
background: black;
border: 2px dashed #007800;
}
#wpforo #wpforo-wrap .wpforo-profile-account .wpf-field-type-avatar input::file-selector-button:hover {
color: #007800;
background: black;
border: 2px dashed #643c14;
}
#wpforo #wpforo-wrap .wpforo-profile-account .wpf-field-type-avatar input::file-selector-botton:active {
color: #007800;
background: black;
border: 2px dashed #007800!important;
}

2. Here, too, is an intractable problem (for me)....

For example: "Add answer" button. Here only the hover works perfectly...


#wpforo #wpforo-wrap input, #wpforo #wpforo-wrap input {
color: #007800!important;
background: black!important;
border: 3px dashed #643c14!important;
font-weight: normal!important;
border-radius: 15px!important;
box-shadow: 0px 0px 20px 5px #a00000!important;
padding: 13px 10px!important;
font-size: 15px!important;
line-height: 0px!important;
}
#wpforo #wpforo-wrap input:hover, #wpforo #wpforo-wrap input:hover {
color: #007800!important;
background: black!important;
border: 3px dashed #643c14!important;
font-weight: normal!important;
border-radius: 15px!important;
box-shadow: 0px 0px 20px 5px #232396!important;
padding: 13px 10px!important;
font-size: 15px!important;
line-height: 0px!important;
}
#wpforo #wpforo-wrap input:active, #wpforo #wpforo-wrap input:active {
color: #007800!important;
background: black!important;
border: 3px dashed #643c14!important;
font-weight: normal!important;
border-radius: 15px!important;
box-shadow: 0px 0px 20px 5px #00780!important;
padding: 13px 10px!important;
font-size: 15px!important;
line-height: 0px!important;
}

Thank you in advance for your help!

]]> How-to and Troubleshooting - wpForo 2.0 ZiT3K https://wpforo.com/community/how-to-and-troubleshooting-2/button-in-css-if-hover-is-good-why-not-active/#post-81610