Fontawesome Icon

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

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