[SOLVED] CB Facebook Connection Button in CB Login Module

I'm sorry... but I'm still here with another question
In my site (http://cart3.altervista.org) (Joomla 1.5.23) I use Community Builder 1.4, with CB Login Module, as you can see in all pages of the site. I've installed also the CBFacebookConnection CB Plugin to permit users to login or register using own Facebook credentials. This plugin works properly, but its button with Facebook logo doesn't appeare.
I wrote to CB Support Forum bit hte response is what you can see in the image below:

Capture.JPG

Can anyone help me?
Thanks!!!

PS: just one thing. The same issue persists if I purchase an extension like JFBConnect?

Please enable this button, I'll check this CSS.

The button is active now. In LOgin Module click over ""ACCEDI" (the second btton of the module. Is hte Facebook icon that doesn't appear.

Solution is very simply, please find file override.css in template/css directory. Add to this file this code :

Code: Select all

.fbc_button
{
   background-image: url(images/buttonFB.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   cursor: pointer;
   height: 21px;
   width: 75px;
   padding-left: 20px;
   margin-top: 2px;
   margin-bottom: 2px;
   border-width: 0px;
   color: #FFFFFF;
   font-size: 10px;
   font-weight: bold;
}
.fbc_button_small
{
   background-image: url(images/buttonFB.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   cursor: pointer;
   height: 21px;
   width: 20px;
   margin-left: 2px;
   margin-right: 2px;
   border-width: 0px;
}


After that please copy this image http://cart3.altervista.org/components/ ... button.png to template/style1/images and change name from button to buttonFB.
The last step is enable override CSS option in template settings inexternal files tab.

Many many thanks!!!
I've applied all your suggestions, but at the end I don't find "external files" tab in template settings. Ther is only DEV MOD tab: it's the same?
The buttonFB.png image address is: http://cart3.altervista.org/templates/g ... ttonFB.png Is that correct?

Sorry for my mistake it is the same.

I've checked your site, I see added code but this is still override but other declarations, please try to add to the same file override.css

this '.mod_login' before .fbc_button and !important declaration so now it will looks like :

Code: Select all

.mod_login .fbc_button {
   background-image: url(images/buttonFB.png) !important;
   background-repeat: no-repeat !important;
   background-position: 0px 0px !important;
   cursor: pointer !important;
   height: 21px !important;
   width: 75px !important;
   padding-left: 20px !important;
   margin-top: 2px !important;
   margin-bottom: 2px !important;
   border-width: 0px !important;
   color: #FFFFFF !important;
   font-size: 10px !important;
   font-weight: bold !important;
}


I'm sorry, but it doesn't work.

PS: I'm starting for a little trip of three days... see you soon!

When you come back please send me access to your admin panel to bkrztuk.gk[at]gmail.com I'll check this issue.

This is the code to add to style1.css file

.mod_login .fbc_button {
background-image: url(../images/style1/buttonFB.png) !important;
background-repeat: no-repeat !important;
background-position: 0px 0px !important;
cursor: pointer !important;
height: 21px !important;
width: 75px !important;
padding-left: 20px !important;
margin-top: 2px !important;
margin-bottom: 2px !important;
border-width: 0px !important;
color: #FFFFFF !important;
font-size: 10px !important;
font-weight: bold !important;
}
.mod_login .fbc_button_small
{
background-image: url(../images/style1/buttonFB.png)!important;
background-repeat: no-repeat !important;
background-position: 0px 0px !important;
cursor: pointer !important;
height: 21px !important;
width: 20px !important;
margin-left: 2px !important;
margin-right: 2px !important;
border-width: 0px !important;
}

It works!!!
Thanks