Verified Listing – Different Icon & Description box

• Author
  Posts
• 

  interfx 1 year, 4 months ago

  Two simple? questions about ‘verified listings’.

  1. Is there an easy to change the green check circle icon to something different? and how to do this?

  2. How have others added a block/modified to tell users what the green check circle actually means? Something simple in a widget block?

  Thanks in advance –

  

  ihor 1 year, 4 months ago developer

  1. It’s easy to change the icon itself with this CSS snippet:

  .hp-listing__verified-badge::before {content:”\f024″}

  You can check the icon codes here https://fontawesome.com/v5.15/icons

  2. There’s a “Verified” text on hover, you can try changing it via Loco Translate if there’s a different meaning, or you want to add some extended description.

  

  H6Ten 10 months, 3 weeks ago

  Hi Ihor,

  I’m having difficulty changing the badge icon as per the CSS snippet above. I’ve added it into the simple customization menu in appearance but it’s still not working.

  .hp-listing__verified-badge::before {content:”\f024″}

  This is the font awesome I’d like to use: <i class=”fas fa-wine-bottle”></i>. f72f. Do I change the f024 to f72f or am I missing something?

  Thank you.

  

  yevhen 10 months, 3 weeks ago developer

  Yes, you are right

  

  H6Ten 10 months, 3 weeks ago

  Unfortunately it’s not changing the badge icon. Please advise.

  

  yevhen 10 months, 3 weeks ago developer

  Please try this CSS snippet. I have just tested it locally and it seems to be ok

  .hp-listing__verified-badge::before {
  content: "\f72f";
  }

  

  H6Ten 10 months, 3 weeks ago

  It’s still showing the shield but now it’s solid. Please advise.

  

  yevhen 10 months, 3 weeks ago developer

  Could you provide link on your website?

  

  H6Ten 10 months, 3 weeks ago

  I can email you the link. Please provide me with an email.

  

  ihor 10 months, 3 weeks ago developer

  You can send any private website details via email support@hivepress.io Please refer to this topic or add the steps to reproduce the issue when sending an email.

• Author
  Posts

New Reply

This forum has been archived and is no longer accepting new posts or replies. Please join our new community forum for support & discussion.