Skip to Content Skip to Menu

🎃 Happy Halloween! Treat yourself with an awesome discount on memberships! Get 20% off now with code SPOOKY-2024!

CB Connect buttons missing symbols

  • LineMine
  • LineMine
  • OFFLINE
  • Posts: 160
  • Thanks: 22
  • Karma: 6
11 years 7 months ago #222290 by LineMine
CB Connect buttons missing symbols was created by LineMine
Hi
I'm in the process of setting up CB Connect, and I have enabled the Facebook and Twitter buttons. They are working okay, but the actual buttons are not showing the "f" and the "t" at the left end as the should.
Thanks.

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48459
  • Thanks: 8280
  • Karma: 1443
11 years 7 months ago #222317 by krileon
Replied by krileon on topic CB Connect buttons missing symbols
You have CSS on your site that is altering their display. Can't help without URL to the issue as need to inspect the CSS.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

  • LineMine
  • LineMine
  • OFFLINE
  • Posts: 160
  • Thanks: 22
  • Karma: 6
11 years 7 months ago #222349 by LineMine
Replied by LineMine on topic CB Connect buttons missing symbols
Yes, sorry. URL below;
www.linemine.com/about/login

At the moment I'm also trying to get the Twitter button to respond, and following your advice elsewhere in this forum I've tried looking at the page via the Javascript console in Firebug, which is telling me that @anywhere has been retired etc, in response to clicks on that button. Have I missed something in setting this part of the plugin up?

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48459
  • Thanks: 8280
  • Karma: 1443
11 years 7 months ago #222408 by krileon
Replied by krileon on topic CB Connect buttons missing symbols
Twitter doesn't work anymore. They depreciated the API. So you will have to turn off Twitter for now until I can get a new release out implementing a new usage.

Your button display issues are due to the below CSS conflicting.

IN: plugins/system/jch_optimize/cache/jscss.php?f=32eceebcebbaf79e8ef97f555385fa92-cache-plg_jch_optimize-f2dd816bbb24597922ac0b5e7431438a&type=css&gz=gz&d=30
ON: Line 3
Code:
.component-content .login + div ul li a:hover, #login-form a:hover { background-position: 2px -272px; }

IN: plugins/system/jch_optimize/cache/jscss.php?f=32eceebcebbaf79e8ef97f555385fa92-cache-plg_jch_optimize-f2dd816bbb24597922ac0b5e7431438a&type=css&gz=gz&d=30
ON: Line 4
Code:
.component-content .login + div ul li a, #login-form a, .component-content .items-more ol li a { background-image: url(/templates/rt_kirigami/images/light/arrows.png); }

IN: plugins/system/jch_optimize/cache/jscss.php?f=32eceebcebbaf79e8ef97f555385fa92-cache-plg_jch_optimize-f2dd816bbb24597922ac0b5e7431438a&type=css&gz=gz&d=30
ON: Line 3
Code:
.component-content .login + div ul li a, #login-form a { padding: 4px 0 4px 15px; line-height: 100%; font-weight: normal; font-size: 100%; display: inline-block; background-repeat: no-repeat; background-position: 2px -65px; }

You're using some sort of CSS compression + caching so I can't provide you with the actual locations. You can see the conflicting CSS by right clicking and inspecting the buttons in Chrome or Firebug for Firefox.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

Moderators: beatnantkrileon
Powered by Kunena Forum