[gene-stevo]

WP: 4.3.1 bbPress: 2.5.8 Theme: Jolene
Hi Folks,
I’m trying to tweak the colours of a site I’m building as a “learn WP” excercise and I cant find out how to change the colour of the Search button on my forums page.
I have Custom CSS installed and I’ve entered this to control the Up and Over states of the SUBMIT button:

#bbpress-forums .submit {
    background-color: #1e73be;
    color: #FFFFFF;
    float: center;
    vertical-align: middle;
    border-radius: 4px;
    height: 35px;
    width: 120px;
    font-size: 14px !important;
}
#bbpress-forums .submit:hover{
    background-color: #82D646;
    color: #FFFFFF;
    float: center;
    vertical-align: middle;
    border-radius: 4px;
    height: 35px;
    width: 120px;
    font-size: 14px !important;
}

I’ve also got this to control the colour of the SEARCH button but adding the :hover at the end of a copy of the original CSS, at the end of the id name doesn’t work.

#bbpress-forums #bbp-search-form input[type=submit], 
#bbpress-forums #bbp-search-form input[type=submit] {
    text-indent: 0;
    background: none;
    background-color: #1e73be;
    color: #fff;
    width: auto;
    height: auto;
    border-radius: 0;
    margin-top: 0;
}

Any Ideas greatly received. The Forums page is here if MEMBERS PAGES password requested it is… ccc

[Pascal Casier]

Hi,

Did you try something like this ?

#bbp_search_submit.button {
   background-color: #1e73be;
   ...
}

Just guessing, cannot try it myself here.

Pascal.

[Robkk]

You can use a bunch of IDs and classes for that simple search button, I went with this. It seems to work if you add !important for the :hover css.

#bbp-search-form #bbp_search_submit {
    text-indent: 0;
    background: none;
    background-color: #1e73be;
    color: #fff;
    width: auto;
    height: auto;
    border-radius: 0;
    margin-top: 0;
}

#bbp-search-form #bbp_search_submit:hover {
    background-color: #000 !important;
}

[gene-stevo]

Robkk to the rescue again. Worked a treat, straight out of the box 🙂
And Pascal, installed two of your plugins yesterday Toolkit and Manage Subs. Thanks for building these and for sharing.
You’re all stars. Lovin’ the WP experience (still).

[Pascal Casier]

@gene-stevo,

I didn’t see your review yet :-p . Just hope they serve (still work in progress)!
Enjoy bbPress.

Pascal.

[semperaye]

Hello. What would the code be to change the color of the “Submit” button? I’m assuming the same code but with a change to the 1st line.

Is it this:

#bbpress-forums .submit {
background-color: #1e73be;
color: #FFFFFF;
float: center;
vertical-align: middle;
border-radius: 4px;
height: 35px;
width: 120px;
font-size: 14px !important;
}

Because it didn’t work..

[semperaye]

NVM I think I got it…might not be optimal…but this worked:

#bbpress-forums .submit {
background-color: #0f5289;
color: #FFFFFF;
float: center;
vertical-align: middle;
border-radius: 0;
height: auto;
width: auto;
}

#bbpress-forums .submit:hover {
background-color: #0c2b44;
color: #FFFFFF;
float: center;
vertical-align: middle;
border-radius: 0;
height: auto;
width: auto;
}