Notifications
Clear all

Limited Support

Dear Clients and Partners, we wish you a Merry Christmas and a Happy New Year! May this season bring you joy, peace, and good times with your loved ones.
Our support will be limited during the holidays, and we will return to full service on January 7.
Thank you for your understanding.
We appreciate your support this year and look forward to working with you in the new year.
Happy Holidays!

 

[Closed] Colour change of register and login button

7 Posts
2 Users
0 Reactions
2,744 Views
StocksForum
Posts: 135
Topic starter
(@stocksforum)
Estimable Member
Joined: 6 years ago

How can I change the colour of these buttons from blue to orange?

I want to keep all other buttons on the forum as they are...
Only the 'Register' and 'Sign In' buttons that I want to edit.

Thanks in advance

6 Replies
StocksForum
Posts: 135
Topic starter
(@stocksforum)
Estimable Member
Joined: 6 years ago
Sofy
Posts: 4911
 Sofy
Admin
(@sofy)
Support Team
Joined: 7 years ago

Hi @stocksforum,

You should use the following CSS codes:

#wpforo #wpforo-wrap .wpforo-register-wrap .wpf-field.wpf-field-type-submit input[type="submit"] {
background-color: #fc7402;
}

#wpforo #wpforo-wrap .wpforo-login-wrap .wpf-field .wpf-field-wrap input[type="submit"] {
background-color: #fc7402;
}

Please don't forget to change the red marked codes before using. 

StocksForum
Posts: 135
Topic starter
(@stocksforum)
Estimable Member
Joined: 6 years ago

Thanks, that worked...but it still has a blue border around the button...how can I make it orange as instead?

Also to make the word 'Sign In and 'Register' be bold?
I realise it's something (font-weight: bold;) but not sure the rest.

And the word 'Register' to be in font size 16px.

Sofy
Posts: 4911
 Sofy
Admin
(@sofy)
Support Team
Joined: 7 years ago

Dear @stocksforum,

I'm really sorry but this requires custom CSS coding and it depends on different dynamic conditions, this is not a stable color and doesn't have a simple solution. Please note, that we don't provide support for style customization, we may help in 1-2 simple questions related to colors and background but not more. We can not help you customize all components of forum style, these are custom requirements and should be done by forum owners. We only help with general questions and issues.

Thank you for your understanding.

You can find all classes by pressing F12 on the browser and opening Chrome or Firefox Console:

2 Replies
StocksForum
(@stocksforum)
Joined: 6 years ago

Estimable Member
Posts: 135

Ok thanks, understand. I'll look for alternative options.

How can I make the word 'Sign In' and 'Register' be bold?
I realise it's something (font-weight: bold;) but not sure the rest.

And the word 'Register' to be in font size 16px, instead of 14px.

Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4911

@stocksforum,

How can I make the word 'Sign In' and 'Register' be bold?

yes, you should add the {font-weight: bold;} CSS rule in both codes I've provided here

And the word 'Register' to be in font size 16px, instead of 14px.

Use this CSS code: 

#wpforo #wpforo-wrap .wpforo-register-wrap .wpf-field.wpf-field-type-submit input[type="submit"] {
font-size:16px!important
}