We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Facebook connect Image???? | Forum

Topic location: Forum home » Support » General Questions
Chris
Chris Apr 26 '13
Does anyone have an idea why the facebook connect image does not display on the login or join form? It currently just displays a text link.

Im pretty sure that it should display a FB connect image/button.


Chris
Chris Apr 26 '13
So I have solved my own issue and may help others until a permanent fix is found, its pretty simple, but works.

Find a fbconnect image or use the one i have attached.

go to edit theme ---> graphics ---> upload the fb image ---> copy the image URL

then go to languages and follow Pete's steps, however instead of changing the text to "Facebook Connect" insert the following image code.

<img src="URL of your uploaded Photo" />

Hey presto, fb connect image is back.




Quote from Pete Easy to fix guys log into your oxwall admin /setting/Languages/then click on Show and scroll down to facebook connect  now look see photo  were i added arrow there is facebook connect,you need to edit and add facebook connect  problem sorted In the photo it is fixed ,but were it says facebook connect in photo, in yours it will only say connect.And edit the othere one above it.
Attachments:
  fbconnect.jpg (12.96Kb)
  fbconnect image.jpg (104.35Kb)
MarkieMark67
MarkieMark67 Apr 26 '13
Chris Quick and easy thanks buddy works great....
Pala
Pala Apr 26 '13
Worked fine for me I have another question...


how to make site totaly facebook connected ( posts / likes / blogs shared with facebook )


also I made a mistake I need original text of this both strings...



{text key='fbconnect+admin_sidebar_menu_label'}


{text key='fbconnect+heading_configuration'}



Best regards,

Pala

Alia Team
Alia Apr 29 '13
Thank you for sharing Chris.
Our development team will fix this and update FB plugin shortly.

Alia Team
Alia Apr 29 '13

>>how to make site totaly facebook connected ( posts / likes / blogs shared with facebook )


This requires custom code modification.


>>also I made a mistake I need original text of this both strings...


Download FB Connect plugin from Store>>go to "langs.zip" file>>fbconnect.xml  - you can find original phrases there.

Chris
Chris Apr 29 '13
Aliia there also seems to be an issue with the Facebook connect mod and google chrome, whether the link is an image or text link, it doesn't open the FB connect box, its a dead link lets say.
Da Chimp
Da Chimp Apr 29 '13
I am having the same problem as Chris, but with IE 9. Clicking on connect does nothing. No links, goes nowhere, etc.
Alia Team
Alia Apr 29 '13
Chris, which version of Chrome?
Tested in Version 23.0.1271.95.
Even though button is not displayed, I can click on "Connect" text and a popup asking to sign in to FB account is opening.
Alia Team
Alia Apr 29 '13
Da Chimp, wasn't able to reproduce the issue in IE 9. Can you test on our demo and at www.oxwall.org ?


Chris
Chris Apr 30 '13
 I'm using the latest version of chrome ( 26.0.1410.64 m ) downloaded it yesterday, it was actually my brother who found the problem trying to sign up to my site.

Seems that the whole FB connect mod has big issues, also noticed that the synchronize button doesn't work in chrome and missing the synchronize image in all browsers.

Is there an estimated time for a fix???
The Forum post is edited by Chris Apr 30 '13
Vern Southern
Vern Southern Jul 18 '13
Chris Thank you for this FIX. It was easy to understand and implement.

ross Team
ross Jul 23 '13
Chris +1
dave Leader
dave May 2 '20

Great job Chris,


If you want to change the fb connect image, you dont have to do all this anymore. It can all be done by changing the image inside the plugin and some custom css. Here is how..


First, attached is a new image...  fb_ico.png


1.  go to  ow_plugins/fbconnect/static/img   and rename the original file  fb_ico.png to something like fb_ico_old.png


2. upload this new fb_ico.php file into that same dir.  This image was done using the official db image from their media section as the base.


3. once that is done then go to your site admin and go to appearance -> customize -> css

section and in the custom css box copy this css code..


.fb_button_text {
    display:none;
}

.fb_button {
     padding-left: 0px;
     width: 171px;
     height: 26px;
}

.fb_connect_wrap {
      border: 0px;
}


4. now save that page.


Just so you know what this css does...


First we have to prevent the default text word "connect" from displaying


Then we remove the default padding and set the new image size which is larger than the original


Then to remove the line that shows up the middle of the image (which is the right side of the old border) we set border to 0 to remove the border on all sides of the old F image.


5. Clear your cache and you should see the new button in all its glory...


Let me or chris know if you have any questions.   Chris please try this yourself on your test site to be sure its right..  I did it twice but it never hurts to have someone else try it.


:)



The Forum post is edited by dave May 2 '20
Attachments:
  fb_ico.png (3Kb)
OW-Ghost
OW-Ghost May 5 '20
dave are yu talking to someone that was alive 7 years ago in this forum? 


yes you right can bee solved with css or replace static image with new one


but i think this bug have been fixed already from the plugin developer...if it was 7 years ago?


no offence

The Forum post is edited by OW-Ghost May 5 '20