1. Home
  2. ReHub Theme
  3. Advanced tips and customizations
  4. How to change icon in woocommerce grid

How to change icon in woocommerce grid

From 9.9 version of theme, woocommerce grid has svg icon instead icon font. What if you want to change icon?

Use next

.woo_grid_compact .woo_loop_btn svg{display:none}
.woo_grid_compact .woo_loop_btn:before{font-family: Font Awesome\ 5 Pro; content: "\f002"; font-size: 20px;}

instead f002 you can use any other code which you can copy from fontawesome site. Please, note, that you must keep \ symbol. Please, note, that theme has 5.3.1 PRO icons in core

you can place this in theme options – general options – custom css