Compare Icone

Open
REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme October 13, 2021
Login to reply
Fuu Yuri
8 hours ago

To properly compare "Icone," I need to know more about what it means snow road. It could be a name, a product, program, or something else.

Fuu Yuri
8 hours ago

Could you please explain what "Icone" means so that I can make a good comparison? Are you talking about a certain company, idea, product, or something else? Giving you more information will help me make a more correct and thorough comparison papa's pizzeria!

grandu ganiu
18 hours ago

How to Chill Out With a Classic Browser Game: Papa's Freezeria

There's something oddly satisfying about serving virtual customers, getting their orders just right, and watching your tips stack up. Papa's Freezeria is one of those games that looks simple on the surface but quietly becomes a rhythm you can't stop chasing. You're running an ice cream shop on a tropical island, managing everything from blending sundaes to adding the perfect toppings — all while keeping your customers happy.

It's not flashy. It doesn't need to be. The charm is in the routine.

Michael Joy
1 day ago

Compare ícones pode parecer algo simples, mas faz toda a diferença na identidade visual de um projeto. Ícones bem escolhidos ajudam na navegação, melhoram a experiência do usuário e deixam o design mais profissional e atraente. Ao comparar, é importante observar consistência, estilo, legibilidade e como eles se encaixam no contexto geral. Se você quer destacar ainda mais seus perfis e conteúdos, vale a pena usar ferramentas como um gerador de letras para Instagram bio, que adiciona um toque único e criativo à sua apresentação online.

Anna Gaudia
4 years ago

Thank you!

Igor Sunz Support Agent
4 years ago

.re-compare-icon-toggle:before{content: "\e900";font-family:
'icomoon' !important; }

Igor Sunz Support Agent
4 years ago

you changed only content, but didn't add font-family: 'icomoon' !important;
to comparison icon code

Anna Gaudia
4 years ago

ok, I misunderstood that. 

So I have uploaded the fonts here https://globalnomad.guide/wp-content/themes/rehub-theme/font/ and added the following code in them options> custom CSS - it's not working, do you have any idea why? I know it's a lot to ask but I would really appreciate that, mainly because I don't believe the current compare icon explains well what it is from UI perspective, and the option to compare is really important on my site. Thank you so much!

/***change comparison icon***/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?lja4eu');
  src:  url('fonts/icomoon.eot?lja4eu#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?lja4eu') format('truetype'),
    url('fonts/icomoon.woff?lja4eu') format('woff'),
    url('fonts/icomoon.svg?lja4eu#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-compare-icon-vs:before {
  content: "\e900";
}
 .re-compare-icon-toggle:before{content: "\e900";}
 .re-compare-icon-toggle .rhi-shuffle:before{content: "\e900";} 
Igor Sunz Support Agent
4 years ago

It's the same code, I already wrote about this

Anna Gaudia
4 years ago
great, yes, i know how to change it in the header but don't know how to do it as per screen grab on this page http://www.globalnomad.guide/digital-nomad-visas/
Igor Sunz Support Agent
4 years ago

code from snipet for comparison icon will work in all places

https://rehubdocs.wpsoul.com/docs/rehub-theme/snippets/change-icon-in-header/

Anna Gaudia
4 years ago

ok, I found how to do it, i have the zip from iconmoon and can try to figure out how to add it to the page but that would be pointless if I can't use the same icon in other places where compare icon is like on the previously attached screenshot. Is there a way to replace it there too?

Igor Sunz Support Agent
4 years ago

This requires more deep customization. You must convert icon to font, then
get it font code. We have no tutorial for this

Ср, 13 окт. 2021 г. в 04:19, Sizam Support Help Desk <
sizamtheme+Z8RXOad4958r4DQ7bypr@mail.support-hub.io>:

Anna Gaudia
4 years ago
Anna Gaudia
4 years ago

I've used the code here https://rehubdocs.wpsoul.com/docs/rehub-theme/snippets/change-icon-in-header/ to change the header compare icon but:

  1. I want to use my own icon that I've uploaded here https://www.globalnomad.guide/wp-content/uploads/2021/10/compare-icon-vs.svg - how do I do that, what do I used instead of the icon code?
  2. I also need to replace the compare icon in all other places like on the attached... is there a way to do it?

Thank you


ADDITIONAL INFO

Link on page with issue: http://www.globalnomad.guide/digital-nomad-visas/

Additional Info

Link on page with issue: http://www.globalnomad.guide/digital-nomad-visas/