My Facebook connect is in text

[data99]

Facebook connect in text what is the problem how do I make it with Facebook blue back ground button style

[werwe]

In header.php after <div line id="user_menu">
Add this:
<div class="form_publish">
   <strong class="publish_button"><?php fbc_button(); ?></strong>
</div>   


Using modern themes.
If your question is solved, please add [Solved] to tiltle of this post 

[volunteer]

It just makes the text bold but no image button

[tomshaft]

Take a look at 5th answer on this post.
http://forums.osclass.org/general-help/facebook-plugin-works-fine-but-no-style-button/

Tom

[aide2001]

or try this
goto facebook plugin index.php and change this bit
<a title="Use Facebook" href="' . OSCFacebook::newInstance()->loginUrl() . '" title="use your facebook"></a></div>';
to something like this
<a title="Use Facebook" href="' . OSCFacebook::newInstance()->loginUrl() . '" title="use your facebook"><img src="//www.YOUR WEBSITEADDRESS.co.uk/images/login-facebook.png" width="220px" height="35px" alt="facebook login logo"></a></div>';

and get a facebook image and put it in your images folder

[volunteer]

is a work-around to create a button with you color of preference..

what about an actual image (official facebook button) and get rid of the text completely? the script has to be modified for that?


EDIT: this was my answer to Tom's link.. didn't see the second answer yet.. will check it out thanks

[volunteer]

thanks for the tip! edited your code in the plugin and came out with this!
I will share it now, sure is handy for someone else

in your plugins folder look for facebook/index.php

and change

Code: [Select]

    function fbc_button() {
        if( !osc_is_web_user_logged_in() ) {
            echo '<div><a href="' . OSCFacebook::newInstance()->loginUrl() . '">' . __( 'Login with Facebook', 'facebook' ) . '</a></div>';
        }
    }
for

Code: [Select]

    function fbc_button() {
        if( !osc_is_web_user_logged_in() ) {
            echo '<div><a href="' . OSCFacebook::newInstance()->loginUrl() . '">' . __( '<img src="/oc-content/themes/YOU+THEME+HERE/images/facebook_login.gif">', 'facebook' ) . '</a></div>';
        }
    }
you can download the original images from here:
https://developers.facebook.com/docs/facebook-login/checklist/#brandedlogin

or use the one I attach to this post:
ALSO ATTACHED SCREENSHOT OF MY SITE TO SEE RESULTS

will post this as tips/tutorial.. saw many people dealing with this issue

[aide2001]

Glad it worked, can you edit the title to [SOLVED]
Please 

[volunteer]

I am not the author of the thread but will try

[aide2001]

well done you