I am trying to figure out how to get rid of the text links that get printed in the block since I am using icons instead. However, when I remove the string that is printing the text the text is also removed from the follow configuration page. This makes it impossible for anyone to add their links accurately since there is no descriptive text. This could be super easy but Im not seeing a solution atm.

Thanks.

Comments

q0rban’s picture

Category: feature » support
Status: Active » Fixed

Hi! Yes, this is pretty simple to do with CSS. Here are some examples:

To remove the text and only display icons:

    a.follow-link {
      width: 24px;
      height: 25px;
      text-indent: -9999px;
    }

To remove all text and have icons sit next to each other:

    a.follow-link {
      width: 24px;
      height: 25px;
      text-indent: -9999px;
      float: left;
      margin: 0 8px 8px 0;
    }

I've added these examples to the README.txt now as well. Thanks!

Anonymous’s picture

Status: Fixed » Needs review

This does not remove the text from the follow block. Still shows up. Not fixed.

q0rban’s picture

Status: Needs review » Postponed (maintainer needs more info)

Ok, you'll need to give me a little more information on how to replicate what you're seeing.

Anonymous’s picture

If I do not remove the strings, YouTube, Facebook, Twitter etc then they get printed in the block over the icons and the CSS in #1 does nothing to change that. All caches including browser cache flushed numerous times. No effect on text being printed. So I basically just remove the strings using string overrides. However like previously stated this method causes the problem in the follow configuration page of there being no descriptive text for users to know which fields to ad their url's to for accurate sync to the icons in the follow block.

Is that enough information? Please let me know what else you might need to know. If we can sync up live (IRC, etc) I can add the strings and give you a link to the site so you can see for yourself.

Thanks

q0rban’s picture

Status: Postponed (maintainer needs more info) » Active

OK, that clarifies for me, thanks. If the above CSS doesn't work than that means it's either not getting loaded, or it's getting loaded before the follow.css file.

Anonymous’s picture

Hi q0rban,

To clarify, the added CSS in #1 was placed at the bottom of local.css and is in fact affecting the margin padding etc, however it is not causing the text to be invisible. I am using the magazeen theme if that makes any difference. And I'm on IRC if that may be easier for you.

Thanks

ltgomes’s picture

Version: 6.x-1.4 » 7.x-1.x-dev

I am trying to put the name instead the icon of sites, but I only see the icons.
How I can show the name instead the icons?

Thanks

naught101’s picture

    a.follow-link {
      width: 0;
      overflow: hidden;
    }

also works. But it'd probably be better to have an option in the edit page to select either "text and icons", "icons only", or "text only". That would probably make it easier to use different icon themes too (different sized ones)

bradallenfisher’s picture

This will remove the link text for Drupal 7. Put this in your template.php.

function yourthemename_follow_link($variables) {
  $link = $variables['link'];
  $title = '';
  $classes = array();
  $classes[] = 'follow-link';
  $classes[] = "follow-link-{$link->name}";
  $classes[] = $link->uid ? 'follow-link-user' : 'follow-link-site';
  $attributes = array(
    'class' => $classes,
    'title' => follow_link_title($link->uid) .' '. $title,
  );
  // Clean up the blank titles.
  if ($title == '<none>') {
    $title = '';
  }
  $link->options['attributes'] = $attributes;
  return l($title, $link->path, $link->options) . "\n";
}
AstonVictor’s picture

Issue summary: View changes
Status: Active » Closed (outdated)

I'm closing it because the issue was created a long time ago without any further steps.

if you still need it then raise a new one.
thanks