1. Home
  2. ReHub Theme
  3. Useful code snippets
  4. Change icons in header

Change icons in header

You can change icons in header in theme on another Fontawesome icon.

You can find code of icon when you click on it on site.

To change cart icon

 .rh_woocartmenu-icon:before{content: "\f640";}

To change wishlist icon

#main_header .fa-heart:before {content: "\f640";}

To change Login icon

#main_header .fa-user-alt:before  {content: "\f640";}

To change comparison icon

 .re-compare-icon-toggle:before{content: "\f640";}
 .re-compare-icon-toggle .fa-analytics:before{content: "\f640";} 

To change Plus icon for button

 #main_header .fa-plus:before {content: "\f640";}

To change Sign In icon on login button

  #main_header .fa-sign-in:before {content: "\f640";}  

All code must be added to theme option – general – custom css