Return to previous page

Change quick view link - by Tiina - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 6 years, 5 months ago ago by Rose Tyler

  • Avatar: tipadei
    Tiina
    Participant
    November 25, 2017 at 12:37

    Is there a way to change the quick view link text into a icon on products page? I would like to change the text “quick view” into a magnifying glass icon.

    #178678 Copied
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 27, 2017 at 09:24

    Hello,

    Please try to use this code:

    .show-quickly{
  font-size: 0px !important;
  color: transparent !important;
}
.show-quickly:before {
  content: "\f002";
  color: #000 !important;;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

    Regards

    #178714 Copied
    Avatar: tipadei
    Tiina
    Participant
    November 27, 2017 at 13:53

    It worked, thanks!

    #178765 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 27, 2017 at 13:59

    You’re welcome!
    This topic will be closed because the issue is solved. Please kindly open up new tickets for additional questions.

    Regards

    #178766 Copied

  • Tagged: , , , , ,

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Change quick view link’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.