在Tumblr上显示Likes / Reblogs的文本而不是图标

时间:2014-05-11 01:54:01

标签: javascript jquery css tumblr

我需要将Like和Reblog按钮显示为文本,如下所示:

  

3小时前/喜欢/ Reblog / Permalink

这就是我目前正在使用的; like和reblog按钮显示为图标:

{block:Posts}
    {block:Text}
        {Body}
    {/block:Text}
    {LikeButton} {ReblogButton}
{/block:Posts}

1 个答案:

答案 0 :(得分:0)

我只能设置Reblog按钮的样式,但不能设置Like按钮;这是一个iframe,无法设置样式。结果如下:

3 hours ago / Like icon / Reblog / Permalink

以下是代码:

<style>
    .reblog_button {
        display: inline !important;
        width: auto !important;
        height: auto !important;
    }
    .reblog_button:before {
        content: 'Reblog';
    }
    .reblog_button svg {
        display: none;
    }
    .like_button {
        display: inline;
    }
</style>
{block:Posts}
    ... content here ...
   <div>{TimeAgo} / {LikeButton size=16} / {ReblogButton} / <a href="{Permalink}">Permalink</a></div>
{/block:Posts}