Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #31078

    Alexander
    Keymaster

    Hi Emilio,

    This CSS should be working:

    .x-social-vimeo:before {
      content: “\f055″ !important;
      font-family: "fontawesome" !important;
    }

    However, it looks like Font Awesome isn’t loading on your site for some reason. Can you try clearing your W3TC cache? If this doesn’t help, can you try temporarily disabling it? Let us know if this helps

    #31206

    emilio d
    Participant

    Hi,
    Cleared the cache but that didn’t fix it. I had the issue before I installed the W3CT plug in.

    Also it still says vimeo.

    Not sure what the deal is with my Font Awesome… It’s clearly not being Awesome right now.

    Thank,

    E

    #31497

    Christian
    Moderator

    Hey Emilio,

    Please try

    .x-social-vimeo:before {
      content: "\f055" !important;
      font-family: "fontawesome" !important;
    }
    

    It’s the same code as above but the quotes has differs in character encoding that may cause the issue. Please see http://prntscr.com/38dxb0 for the difference.

    Hope that helps. 🙂

    #31682

    emilio d
    Participant

    Hi, Tried that but now it comes up with f055 instead of the little rectangle box.

    Is it possible my font awesome is somehow missing or being blocked?

    E

    #31932

    Support
    Member

    Hey Emilio,

    Please remove above suggested code and add following wherever you want vimeo icon to appear or add it from visual editor and it works fine.

    <i class="x-social-vimeo"></i>
    

    Screenshot: http://prntscr.com/38mzy7

    Thanks

    #32350

    emilio d
    Participant

    Hi,

    That didn’t really make any sense to me. I don’t want vimeo at all, I want to replace vimeo with bloglovin and remove the word vimeo from the hover pop-up.

    E

    #32433

    Rad
    Moderator

    Hi Emilio,

    Could you upload the image of bloglovin icon (16×16 of size) and post the url of that image here. So we can replace the vimeo icon as well as the tooltip title.

    Thank You.

    #32580

    emilio d
    Participant

    Hi, I’d like to use the font awesome heart ( http://fortawesome.github.io/Font-Awesome/icon/heart/) to stay consistent with the other logos.

    E

    #32739

    Rad
    Moderator

    Hi emilio,

    Unfortunately, the unicode equivalent in x theme does not match with the unicode at fontawesome demos. May we request a list other related icons? and we will check if we can apply them.

    You could also change Vimeos text by adding this javascript on your Customizer > custom > javasript:

    jQuery(document).ready(function(){
    jQuery('.vimeo').data('original-title', 'Bloglovin');
    });

    Thank You.

    #617473

    venusangelic
    Participant

    Hello,

    I also would like to appear bloglovin instead of vimeo, tried the methods listed here but I still have a vimeo icon instead of bloglovin. Please help 🙂

    #617632

    Rad
    Moderator

    Hi Venus,

    Thanks for writing in, would you mind providing your site’s url?

    And there is no Bloglovin icon available, the change mentioned here is to replace the vimeo icon with plus icon.

    Thanks.