Support » Plugin: Quick View for WooCommerce » Fontawesome Icon

  • Resolved sdeardorff

    (@sdeardorff)


    Is it possible to use an icon in place of text? I tried using FontAwesome HTML but it didn’t work. I’d like the button to match my add to cart button which is simply an icon. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author ShapedPlugin

    (@shapedplugin)

    Hi,

    Yes, quick view text can be replaced with a font awesome icon. Put the below CSS to the plugin Other Option> Custom CSS field.

    #sp-wqv-view-button.button.sp-wqv-view-button {
        text-indent: -9999px;
    }
    a#sp-wqv-view-button.button.sp-wqv-view-button:before {
        content: "\f06e";
        font-family: FontAwesome;
        position: absolute;
        text-indent: 0;
        text-transform: none;
        width: 100%;
        color: black;
        left: 0;
        margin-left:5.9rem;   
    }

    You can set your desired icon by changing the Unicode in the content section. Adjust the margin as you like.

    Thank you.

    Hi there. I need the same solution, but it doesn´t work. Just want to show an eye with no text. Tried your css, but there is nothing shown, button is empty. And there is no “::before” in the console??? Thanks for help. Chris

    Plugin Author ShapedPlugin

    (@shapedplugin)

    Hi @chris1007,

    If you use the CSS and eye Unicode properly then it should work. There might be a problem regarding the font awesome version. We need to check the issue deeply. So, it would be better if you contact us in our forum.

    Thank you very much.

    Thanks for reply.
    Might be an issue with FontAwesome version. Couldn´t find it out. Ok, no need to register just for that question in your forum. I use it like it is with text and if you find a solution, you maybe put it in here. Regards Chris

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Fontawesome Icon’ is closed to new replies.