.save {
color: #aaa; // This will change the text colour
background-color: #fff;
}
.save is the selector. You can find the selector you need by looking at your button’s class in the page source code. For example:
...
<button class="save"></button>
...
A good CSS tutorial:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started
Hmmm well I do not see any selector info on my page source, this is what I see:
<div class=”submit”>
<input type=”submit” name=”signup_submit” id=”signup_submit” value=”Complete Sign Up” />
</div>
<input type=”hidden” id=”_wpnonce” name=”_wpnonce” value=”bce145ef16″ /><input type=”hidden” name=”_wp_http_referer” value=”/register/” />
</form>
</div>
Someone helped me do this for bbpress and it looked like this:
#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;
How can I do the same with hover in buddypress?
Better yet, it would be nice if there was a way to change all the BuddyPress buttons globally, including “Add Friend” “Cancel Friendship,” “SEARCH,” etc.
Example:
I found this code that changes all the wordpress buttons globally, just not the login and register.
.wp-core-ui .button-primary, .button {
background: #99cc66;
border-color: #669933;
box-shadow: inset 0 1px 0 rgba(102,153,51,.5),0 1px 0 rgba(0,0,0,.15);
}
.wp-core-ui .button-primary:hover, .button-primary:active {
background: #669933;
border-color: #99cc66;
box-shadow: inset 0 1px 0 rgba(102,153,51,.5),0 1px 0 rgba(0,0,0,.15);
}
Perhaps there is a .buddypress-core-ui?????
I paid someone on fiver to do it for me, if I understood it I would post it here, topic closed.
Sorry for the delay. Looking at your markup, #signup_submit looks to be your selector. Glad you got this sorted 🙂
