HTZ7 Posted July 15, 2014 Share Posted July 15, 2014 Hi , I would like to change Facebook Login button ( background: #4862A3 ) color from AUTHENTICATION page. How to change this button color ? Please Help me. Thanks. Link to comment Share on other sites More sharing options...
tomerg3 Posted July 15, 2014 Share Posted July 15, 2014 You could use FIrebug for firefox and inspect the button. That would let you see what CSS is used for it, what is the element ID / class and you could use that information to change the color. Link to comment Share on other sites More sharing options...
HTZ7 Posted July 16, 2014 Author Share Posted July 16, 2014 Hi Tomerg3, I am not a programmer so I don't know u mean. How to change Facebook Login button ( background: #4862A3 ) color step by stey detail. Link to comment Share on other sites More sharing options...
vekia Posted July 16, 2014 Share Posted July 16, 2014 it will be much easier if you will share url to your shop at the moment you use non-default theme - so it's impossible to help without inspection of website. Link to comment Share on other sites More sharing options...
HTZ7 Posted July 16, 2014 Author Share Posted July 16, 2014 vekia, My url is http://productsmyanmar.com/login?back=my-account and help me. Link to comment Share on other sites More sharing options...
vekia Posted July 16, 2014 Share Posted July 16, 2014 ok i get it! button, input.button_mini, input.button_small, input.button, input.button_large, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { background: #41AE53; border-width: medium medium 3px; border-style: none none solid; border-color: #2A8438; border-radius: 4px; font-size: 12px; font-weight: bold; color: #FFFFFF; cursor: pointer; display: inline-block; padding: 8px 12px 6px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; } global.css line 176 but im affraid that if you will change color there, all other buttons will change color too Link to comment Share on other sites More sharing options...
HTZ7 Posted July 16, 2014 Author Share Posted July 16, 2014 I tested ur code but u said all other buttoms changed color too. I would like to change only facebook login button color. Link to comment Share on other sites More sharing options...
vekia Posted July 16, 2014 Share Posted July 16, 2014 in this case it's necessary to add individual class="" or id="" for this button at the moment it hasn't got unique class or id so it's not possible please add there (in module/fbconnect_psb) class or id Link to comment Share on other sites More sharing options...
HTZ7 Posted July 16, 2014 Author Share Posted July 16, 2014 sorry, U said i don't understand. U can explain step by step. in this case it's necessary to add individual class="" or id="" for this button at the moment it hasn't got unique class or id so it's not possible please add there (in module/fbconnect_psb) class or id Link to comment Share on other sites More sharing options...
Recommended Posts