Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. JFB social Share buttons don't work!!!

Topic-icon JFB social Share buttons don't work!!!

Active Subscriptions:

None
5 years 2 months ago #65092 by ventluc
Hi!!

I put JFB Social Share buttons (LinkedIN, G+, FB, Twitter) at the bottom of the home page (using JFBC Social Share [mod_jfbcsocialshare] module) of my web site ( I use Joomla 3.9.3 and JFBConnect 8.0.6):

www.venturaluca.com/portal/

The problem is that you can see them but you can't push them!! How come?

Thanks in advance.

Luca
The topic has been locked.
Support Specialist
5 years 2 months ago #65095 by mel
There's a div at the bottom of the page that's interfering with being able to click on the buttons. If I set the "div#jchat_base" element to display:hidden in my dev tools, I'm able to click on the buttons. I hope this helps narrow it down, but let us know if you need further help.

-Melissa
The topic has been locked.
Active Subscriptions:

None
5 years 2 months ago #65096 by ventluc
Sorry, I didn't understand. Which css code must I define and where must I put it?

Thanks,

Luca
The topic has been locked.
Active Subscriptions:

None
5 years 2 months ago #65097 by ventluc
Anyway, I can't set "div#jchat_base" element to display:hidden. In fact If I do it the "chat bar" at the bottom of the page would disappear ( "div#jchat_base" element defines the style of the chat bar)!!!

So we have to find a way for not to interfere with the visualization of the chat bar.

Let me know.

Thanks.

Luca
The topic has been locked.
Support Specialist
5 years 2 months ago #65098 by mel
I'm sorry for the confusion. I wasn't saying to remove the chat. You'll have to bring the z-index of the JFBCSocialShare module higher than the chat bar (which is 10001).

So add the following.
.jfbcsocialshare.scsocialbuttons {
    z-index: 10002;
}
The topic has been locked.
Active Subscriptions:

None
5 years 2 months ago #65106 by ventluc
Ok. Where must I add that code?

Thanks.

Luca
The topic has been locked.
Support Specialist
5 years 2 months ago #65110 by alzander
That can go in your template's CSS anywhere. Most template's have a custom.css file or something similar to add your own CSS to be included on the page.

I hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
5 years 2 months ago #65119 by ventluc
I tried to put that code in more css files but it doesn't work! :-(

Are you sure that it is correct?

Let me know,

thanks.
The topic has been locked.
Support Specialist
5 years 2 months ago #65120 by mel
Looking at your page in dev tools, I see this:
.jfbcsocialshare.scsocialbuttons {
    Â  Â  z-index: 10002;
}

I don't know what those extra characters are, but those are causing the problem. If I remove them and add the !important flag to the z-index line, it works properly.

-Melissa
The topic has been locked.
Active Subscriptions:

None
5 years 2 months ago #65123 by ventluc
I inserted that code in /css/joomla.css file of the template. In attach you find the code I put in that file. I don't know those characters :-(
Do you want to connect to my Joomla admin page?

Thanks.

Luca


File Attachment:
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. JFB social Share buttons don't work!!!
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS