Changing the colour of a button

Joaquim Mussassa Posted in Technical Support 9 years ago

Hello
I would like to know how do you change the color of the "login" button and the "Create an account" button.

Replies
in Rahul thakur Replied 7 years ago

my themes don't contain default.i am using Ossn-v4.4-1495366993.where can i find deault.php file?

mz Joaquim Mussassa Replied 9 years ago

Thank you Syed Arsalan Hussain Shah and Steve Elkins.

us Steve Elkins Replied 9 years ago

Okay look for this block in the default.php file.

.ossn-button-green,

ossn-login input[type='submit'],

ossn-home-signup input[type='submit']{

box-shadow: 0px 1px 1px #F55214 inset;
border-color: #F55214;
background: linear-gradient(#F55214, #F55214) repeat scroll 0% 0% #F55214;
color: #fff;
cursor: pointer;

Myself I have already changed the colors so mine will look different than what is in your file. But now do you see where it say's #F55214 that is the code for the color I am using you will see two different set of numbers in yours the reason for that is when you click on the button on yours you will notice it changes color...Mine doesn't.

Now how do you get the codes...well since there are thousands of them the easiest way is like I did it in the google search bar just type in

"The color you want" color code

So this is what I did.

orange color code or you can type in color code for orange.

I hope this helps you.

Indonesian Arsalan Shah Replied 9 years ago

You can edit css in themes\default\style\default.php

You have to edit following css class/id:

  1. #ossn-home-signup input[type='submit']
  2. .ossn-button-submit

You can use text editor to find css class/id